main
HuangHai 4 months ago
parent 84e12e851c
commit 1b18ad4ab7

@ -1,139 +1,169 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<head>
<meta charset="UTF-8" />
<title></title>
<link rel="stylesheet" href="./component/pear/css/pear.css" />
<style>
.require-star {
position: absolute;
width: 3px;
height: 14px;
background-color: #ea4335;
top: 12px;
right: 8px;
border-radius: 1.5px;
}
.input-width {
max-width: 445px
}
.layui-form-select {
width: 445px;
}
.require-star {
position: absolute;
width: 3px;
height: 14px;
background-color: #ea4335;
top: 12px;
right: 8px;
border-radius: 1.5px;
}
.input-width {
max-width: 445px;
}
.layui-form-select {
width: 445px;
}
</style>
</head>
</head>
<body>
<body>
<form class="layui-form" action="">
<div class="mainBox">
<div class="main-container">
<div class="layui-form-item">
<label class="layui-form-label" style="width: 90px !important;"><span
class="require-star"></span>学校名称</label>
<div class="layui-input-block">
<input type="text" name="org_name" lay-verify="required" autocomplete="off"
placeholder="请输入学校名称" class="layui-input input-width">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 90px !important;"><span
class="require-star"></span>派出所</label>
<div class="layui-input-block">
<input type="text" name="org_code" lay-verify="required" autocomplete="off" placeholder="请输入派出所"
class="layui-input input-width">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 90px !important;"><span
class="require-star"></span>汉字街委</label>
<div class="layui-input-block">
<input type="text" name="sort_id" lay-verify="required" autocomplete="off" placeholder="请输入汉字街委"
class="layui-input input-width">
</div>
</div>
<div class="mainBox">
<div class="main-container">
<div class="layui-form-item">
<label class="layui-form-label" style="width: 90px !important"
><span class="require-star"></span>学校名称</label
>
<div class="layui-input-block">
<input
type="text"
name="school_name"
lay-verify="required"
autocomplete="off"
placeholder="请输入学校名称"
class="layui-input input-width"
/>
</div>
</div>
<div class="bottom">
<div class="button-container">
<button type="submit" class="layui-btn layui-btn-sm" lay-submit="" lay-filter="save">
<i class="layui-icon layui-icon-ok"></i>
提交
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm" lay-on="close">
<i class="layui-icon layui-icon-close"></i>
取消
</button>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 90px !important"
><span class="require-star"></span>派出所</label
>
<div class="layui-input-block">
<input
type="text"
name="police_station"
lay-verify="required"
autocomplete="off"
placeholder="请输入派出所"
class="layui-input input-width"
/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 90px !important"
><span class="require-star"></span>汉字街委</label
>
<div class="layui-input-block">
<input
type="text"
name="street"
lay-verify="required"
autocomplete="off"
placeholder="请输入汉字街委"
class="layui-input input-width"
/>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="button-container">
<button
type="submit"
class="layui-btn layui-btn-sm"
lay-submit=""
lay-filter="save"
>
<i class="layui-icon layui-icon-ok"></i>
提交
</button>
<button
type="button"
class="layui-btn layui-btn-primary layui-btn-sm"
lay-on="close"
>
<i class="layui-icon layui-icon-close"></i>
取消
</button>
</div>
</div>
</form>
<script src="./component/layui/layui.js"></script>
<script src="./component/pear/pear.js"></script>
<script>
layui.use(['form', 'jquery', 'laytpl'], function () {
var form = layui.form;
var $ = layui.jquery;
var laytpl = layui.laytpl;
var util = layui.util;
var stage = GetQueryString("stage");
form.on('submit(save)', function (data) {
data.field['org_type_id'] = 2;
data.field['level_id'] = 1;
data.field['parent_org_id'] = areaId;
$.ajax({
url: '/QingLong/organization/addBureau',
data: data.field,
type: 'post',
success: function (result) {
if (result.success) {
layer.msg("新增成功!", {
icon: 1,
time: 1300
}, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
if (stage == 'xx') {
parent.layui.table.reload("xx-table");
} else {
parent.layui.table.reload("cz-table");
}
});
} else {
layer.msg(result.message, {
icon: 2,
time: 2000
});
}
layui.use(["form", "jquery", "laytpl"], function () {
var form = layui.form;
var $ = layui.jquery;
var laytpl = layui.laytpl;
var util = layui.util;
var stage = GetQueryString("stage");
form.on("submit(save)", function (data) {
if (stage == "xx") {
data.field["stage"] = "小学";
} else {
data.field["stage"] = "中学";
}
$.ajax({
url: "/dsideal_yy/ypt/intellioa/schoolDistrict/schoolDistrictBack/save",
data: data.field,
type: "post",
dataType: "json",
success: function (result) {
if (result.code === 2000) {
layer.msg(
"新增成功!",
{
icon: 1,
time: 1300,
},
function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
if (stage == "xx") {
parent.layui.table.reload("xxTable");
} else {
parent.layui.table.reload("czTable");
}
})
return false;
});
util.on({
close: function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
}
});
}
);
} else {
layer.msg(result.msg, {
icon: 2,
time: 2000,
});
}
},
});
return false;
});
function GetQueryString(name, istop) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (typeof (istop) != "undefined") r = top.location.search.substr(1).match(reg);
util.on({
close: function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
},
});
if (r != null) return unescape(r[2]);
return null;
}
function GetQueryString(name, istop) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (typeof istop != "undefined")
r = top.location.search.substr(1).match(reg);
});
if (r != null) return unescape(r[2]);
return null;
}
});
</script>
</body>
</html>
</body>
</html>

@ -0,0 +1,135 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title></title>
<link rel="stylesheet" href="./component/pear/css/pear.css" />
<style>
.require-star {
position: absolute;
width: 3px;
height: 14px;
background-color: #ea4335;
top: 12px;
right: 8px;
border-radius: 1.5px;
}
.input-width {
max-width: 455px;
}
.layui-form-select {
width: 455px;
}
</style>
</head>
<body>
<form class="layui-form" action="">
<div class="mainBox">
<div class="main-container">
<div class="layui-form-item">
<label class="layui-form-label" style="width: 100px !important"
><span class="require-star"></span>新密码</label
>
<div class="layui-input-block">
<input
type="password"
lay-verify="required|len"
id="reg-password"
autocomplete="new-password"
placeholder="请输入新密码"
class="layui-input input-width"
/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 100px !important"
><span class="require-star"></span>确认密码</label
>
<div class="layui-input-block">
<input
type="password"
name="password"
lay-verify="required|len|confirmPassword"
autocomplete="off"
placeholder="请输入确认密码"
class="layui-input input-width"
/>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="button-container">
<button
type="submit"
class="layui-btn layui-btn-sm"
lay-submit=""
lay-filter="save"
>
<i class="layui-icon layui-icon-ok"></i>
提交
</button>
<button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">
<i class="layui-icon layui-icon-refresh"></i>
重置
</button>
</div>
</div>
</form>
<script src="./component/layui/layui.js"></script>
<script src="./component/pear/pear.js"></script>
<script src="./js/jquery-3.6.0.min.js"></script>
<script src="./js/jquery.cookie.min.js"></script>
<script>
layui.use(["form", "jquery"], function () {
let form = layui.form;
// 自定义验证
form.verify({
len: [/^.{6,18}$/, "密码长度需要6-18位"],
confirmPassword: function (value, item) {
var passwordValue = $("#reg-password").val();
if (value !== passwordValue) {
return "两次密码输入不一致";
}
},
});
form.on("submit(save)", function (data) {
data.field["person_id"] = $.cookie("person_id");
$.ajax({
url: "/dsideal_yy/ypt/intellioa/sys/intellioaBase/modifyPassword",
data: data.field,
type: "post",
dataType: "json",
success: function (result) {
if (result.code === 2000) {
layer.msg(
"修改密码成功!",
{
icon: 1,
time: 1300,
},
function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
// parent.layui.table.reload("global-table");
}
);
} else {
layer.msg(result.msg, {
icon: 2,
time: 2000,
});
}
},
});
return false;
});
});
</script>
<script></script>
</body>
</html>

@ -1,121 +1,114 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<head>
<meta charset="UTF-8" />
<title></title>
<link rel="stylesheet" href="./component/pear/css/pear.css" />
</head>
<body>
</head>
<body>
<div class="mainBox">
<div class="main-container">
<div class="layui-form-item">
<button class="layui-btn layui-btn-sm" id="selectFile">
<i class="layui-icon layui-icon-upload"></i>
选择文件
</button>
</div>
<div class="layui-form-item" id="info">
<blockquote class="layui-elem-quote" style="color: #ffb800;border-left: 5px solid #ffb800;">
温馨提示:导入操作将覆盖当前所有数据。
</blockquote>
</div>
<div class="layui-form-item" id="error" style="display: none">
<blockquote class="layui-elem-quote" style="color: #ff5722;border-left: 5px solid #ff5722;">
错误Excel中的数据不正确请下载修改后重新上传<a style="text-decoration:underline;cursor: pointer;"
id="downError">请点此下载</a>
</blockquote>
</div>
<div class="main-container">
<div class="layui-form-item">
<button class="layui-btn layui-btn-sm" id="selectFile">
<i class="layui-icon layui-icon-upload"></i>
选择文件
</button>
</div>
<div></div>
<div class="layui-form-item" id="info">
<blockquote
class="layui-elem-quote"
style="color: #ffb800; border-left: 5px solid #ffb800"
>
<a
href="/dsideal_yy/ypt/intellioa/java/schoolDistrict/downloadTemplate"
style="margin-right: 20px; color: #1e9fff"
>下载模板</a
>温馨提示:导入操作将覆盖当前所有数据。
</blockquote>
</div>
</div>
</div>
<div class="bottom">
<div class="button-container">
<button type="submit" class="layui-btn layui-btn-sm" id="uploadFile">
<i class="layui-icon layui-icon-ok"></i>
上传
</button>
</div>
<div class="button-container">
<button type="submit" class="layui-btn layui-btn-sm" id="uploadFile">
<i class="layui-icon layui-icon-ok"></i>
上传
</button>
</div>
</div>
<script src="./component/layui/layui.js"></script>
<script src="./component/pear/pear.js"></script>
<script>
layui.use(['form', 'jquery', 'upload'], function () {
var form = layui.form;
var $ = layui.jquery;
var upload = layui.upload;
var errorUUID = "";
var stage = GetQueryString("stage");
$("#downTemplate").click(function () {
window.location.href = '/QingLong/teacher/getImportTemplate';
});
$("#downError").click(function () {
window.location.href = '/QingLong/teacher/downloadErrorXls?uuidString=' + errorUUID;
});
upload.render({
elem: '#selectFile',
url: '/QingLong/teacher/UploadToImportTeacher',
auto: false,
accept: 'file',
data: {
bureau_id: bureauId
layui.use(["form", "jquery", "upload"], function () {
var form = layui.form;
var $ = layui.jquery;
var upload = layui.upload;
var errorUUID = "";
var stage = GetQueryString("stage");
var stageId = 2;
if (stage == "xx") {
stageId = 1;
}
upload.render({
elem: "#selectFile",
url:
"/dsideal_yy/ypt/intellioa/java/schoolDistrict/importTemplate?stage=" +
stageId,
auto: false,
accept: "file",
bindAction: "#uploadFile",
before: function () {
//obj参数包含的信息跟 choose回调完全一致可参见上文。
layer.load(); //上传loading
},
done: function (res) {
if (res.code === 2000) {
layer.msg(
"批量导入成功!",
{
icon: 1,
time: 1300,
},
bindAction: '#uploadFile',
before: function () { //obj参数包含的信息跟 choose回调完全一致可参见上文。
layer.load(); //上传loading
},
done: function (res) {
if (res.success) {
layer.closeAll('loading');
$("#error").hide();
layer.msg("上传成功!", {
icon: 1,
time: 1300
}, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
parent.refresh();
//parent.layui.table.reload("data-table");
});
} else {
layer.closeAll('loading');
// layer.msg(res.message, {
// icon: 2,
// time: 2000
// });
errorUUID = res.uuid;
$("#error").show();
$("#info").hide();
}
function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
if (stage == "xx") {
parent.layui.table.reload("xxTable");
} else {
parent.layui.table.reload("czTable");
}
}
});
function GetQueryString(name, istop) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (typeof (istop) != "undefined") r = top.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
);
} else {
layer.closeAll("loading");
// layer.msg(res.message, {
// icon: 2,
// time: 2000
// });
errorUUID = res.uuid;
$("#error").show();
$("#info").hide();
}
},
});
</script>
</body>
function GetQueryString(name, istop) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (typeof istop != "undefined")
r = top.location.search.substr(1).match(reg);
</html>
if (r != null) return unescape(r[2]);
return null;
}
});
</script>
</body>
</html>

@ -0,0 +1,2 @@
/*! jquery.cookie v1.4.1 | MIT */
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?a(require("jquery")):a(jQuery)}(function(a){function b(a){return h.raw?a:encodeURIComponent(a)}function c(a){return h.raw?a:decodeURIComponent(a)}function d(a){return b(h.json?JSON.stringify(a):String(a))}function e(a){0===a.indexOf('"')&&(a=a.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\"));try{return a=decodeURIComponent(a.replace(g," ")),h.json?JSON.parse(a):a}catch(b){}}function f(b,c){var d=h.raw?b:e(b);return a.isFunction(c)?c(d):d}var g=/\+/g,h=a.cookie=function(e,g,i){if(void 0!==g&&!a.isFunction(g)){if(i=a.extend({},h.defaults,i),"number"==typeof i.expires){var j=i.expires,k=i.expires=new Date;k.setTime(+k+864e5*j)}return document.cookie=[b(e),"=",d(g),i.expires?"; expires="+i.expires.toUTCString():"",i.path?"; path="+i.path:"",i.domain?"; domain="+i.domain:"",i.secure?"; secure":""].join("")}for(var l=e?void 0:{},m=document.cookie?document.cookie.split("; "):[],n=0,o=m.length;o>n;n++){var p=m[n].split("="),q=c(p.shift()),r=p.join("=");if(e&&e===q){l=f(r,g);break}e||void 0===(r=f(r))||(l[q]=r)}return l};h.defaults={},a.removeCookie=function(b,c){return void 0===a.cookie(b)?!1:(a.cookie(b,"",a.extend({},c,{expires:-1})),!a.cookie(b))}});

@ -1,184 +1,186 @@
<!DOCTYPE HTML>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<head>
<meta charset="utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- <title>长春市教育装备与信息化项目智慧管理系统</title> -->
<title>长春市装备信息管理系统</title>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<title>宽城区学区查询信息管理系统</title>
<meta
name="viewport"
content="width=device-width,initial-scale=1,user-scalable=no"
/>
<!-- 手机端禁止缩放 -->
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
name="viewport"
/>
<!-- <meta name="keywords" content="长春市教育装备与信息化项目智慧管理系统"> -->
<!--关键词,5个左右,单个8汉字以内-->
<!-- <meta name="description" content="长春市教育装备与信息化项目智慧管理系统"> -->
<!--网站描述-->
<!--自己的样式-->
<link href="./css/public.css" rel="stylesheet" type="text/css" />
<link href="./css/SignIn.css" rel="stylesheet" type="text/css">
<script src="./js/jsencrypt.min.js"></script>
<link href="./css/SignIn.css" rel="stylesheet" type="text/css" />
<script src="./js/jquery-3.6.0.min.js"></script>
<script src="./js/jquery.cookie.min.js"></script>
<script src="./js/base64.js"></script>
<!--添加对公用函数库的引用-->
<!-- <script src="lib/common.js"></script>-->
</head>
</head>
<body>
<body>
<div class="all-content">
<div class="content clearfix">
<div class="left-img">
<img src="./images/left-img.png">
<div class="content clearfix">
<div class="left-img">
<img src="./images/left-img.png" />
</div>
<div class="right-content clearfix">
<div class="content-name">
<p
style="
font-size: 20px;
font-weight: bolder;
margin-left: 70px;
color: #16baaa;
"
id="system_name"
>
宽城区学区查询信息管理系统
</p>
<!-- <p style="font-size: 20px;font-weight: bolder;margin-left: -5px;"><img src="./images/title_tk.png"></p> -->
</div>
<form action="" method="post">
<div class="user-name">
<div class="user-name-li">
<img src="./images/user-icon.png" />
<input
type="text"
placeholder="用户名"
name="loginName"
id="usernameTxt"
/>
</div>
</div>
<div class="right-content clearfix">
<div class="content-name">
<p style="font-size: 20px;font-weight: bolder;margin-left: 70px;color: #16baaa;" id="system_name">
宽城区学区查询信息管理系统</p>
<!-- <p style="font-size: 20px;font-weight: bolder;margin-left: -5px;"><img src="./images/title_tk.png"></p> -->
</div>
<form action="" method="post">
<div class="user-name">
<div class="user-name-li">
<img src="./images/user-icon.png">
<input type="text" placeholder="用户名" name="loginName" id="usernameTxt">
</div>
</div>
<div class="password">
<div class="password-li">
<img src="./images/pass-word.png">
<input type="password" autocomplete="off" placeholder="密码" name="password" id="passwordTxt">
</div>
</div>
<div class="vcode">
<div class="password">
<div class="password-li">
<img src="./images/pass-word.png" />
<input
type="password"
autocomplete="off"
placeholder="密码"
name="password"
id="passwordTxt"
/>
</div>
</div>
<!-- <div class="vcode">
<div class="vcode-li">
<img src="./images/v-code.png">
<input type="text" placeholder="验证码" autocomplete="off" name="captcha" id="captchaTxt"
value="dsideal">
<!-- <img class="vcode-img" id="userCaptchaImage" src="/QingLong/loginPerson/getCaptcha"
alt="点击图片刷新校验码" style="cursor:pointer" onclick="javascript:refreshCaptcha()" /> -->
<img class="vcode-img" id="userCaptchaImage" src="/QingLong/loginPerson/getCaptcha"
alt="点击图片刷新校验码" style="cursor:pointer" onclick="javascript:refreshCaptcha()" />
</div>
</div>
<input id="loginBtn" class="input-button" type="button" value="登&nbsp;&nbsp;&nbsp;录"
style="background-color: #16baaa;">
</form>
</div>
</div> -->
<input
id="loginBtn"
class="input-button"
type="button"
value="登&nbsp;&nbsp;&nbsp;录"
style="background-color: #16baaa"
/>
</form>
</div>
</div>
</div>
<div class="footer" id="footer">
</div>
<div class="footer" id="footer"></div>
<script>
$(function () {
$("#loginBtn").click(function () {
doLogin();
});
$(function () {
$("#loginBtn").click(function () {
doLogin();
});
//刷新验证码
function refreshCaptcha() {
$("#userCaptchaImage").attr("src", "/QingLong/loginPerson/getCaptcha?rnd=" + Math.random().toString().slice(-6));
});
//刷新验证码
function refreshCaptcha() {
$("#userCaptchaImage").attr(
"src",
"/QingLong/loginPerson/getCaptcha?rnd=" +
Math.random().toString().slice(-6)
);
}
$(document).keydown(function (event) {
if (event.keyCode === 13) {
//回车键对应code值为13
doLogin();
}
$(document).keydown(function (event) {
if (event.keyCode === 13) {//回车键对应code值为13
doLogin();
}
});
function doLogin() {
var username = $("#usernameTxt").val();
var password = $("#passwordTxt").val();
var captcha = $("#captchaTxt").val();
if (username.length === 0 || password.length === 0) {
alert("用户名或密码不允许为空!")
return;
}
userLogin(username, password, captcha);
});
function doLogin() {
var username = $("#usernameTxt").val();
var password = $("#passwordTxt").val();
if (username.length === 0 || password.length === 0) {
alert("用户名或密码不允许为空!");
return;
}
//用户名登录
function userLogin(username, password, captcha) {
var publicKey = "-----BEGIN PUBLIC KEY-----\MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCcd+0zTY9Gn94iqkQJTlxYnEnCeFsLkk0a7hoAvi2B74VzDVV3xH0ZO9RkXvo1SgCB+uzbEWdrgQkzTqyjfTtgOguu3OnkVxIMJF34ibchTY0LWHGxq1m2gLGuVVqrlu1LtdV0X7xo/5zc8Mr+46veWb86kSpqe6rOAm69WWo5GwIDAQAB\-----END PUBLIC KEY-----";
var encrypt = new JSEncrypt();
encrypt.setPublicKey(publicKey);
if (userLoginCheck(username, password, captcha)) {
$.ajax({
type: "POST",
dataType: "json",
url: "/QingLong/loginPerson/doLogin",
data: {
"username": username,
"password": encrypt.encrypt(password),
"captcha": captcha
},
async: false,
success: function (result) {
if (result.success) {
window.location.href = '/QingLong/index.html';
} else {
alert(result.msg);
if (result.redirect) {
window.location.href = '/QingLong/plogin.html';
}
refreshCaptcha();
}
}
});
userLogin(username, password);
}
//用户名登录
function userLogin(username, password) {
$.ajax({
type: "POST",
dataType: "json",
url: "/dsideal_yy/intellioa/sys/localLogin/login",
async: false,
data: {
login_name: Base64.encode(username),
login_pwd: Base64.encode(password),
},
success: function (res) {
console.log(res);
if (res.code === 2000) {
$.cookie("person_id", res.data.person_id);
$.cookie("identity_id", res.data.identity_id);
window.location.href = "./settings.html";
} else {
alert(res.msg);
}
}
//用户登录检查
function userLoginCheck(username, password, captcha) {
if (username == null || username == "") {
alert("用户名不允许为空!");
return false;
}
if (password == null || password == "") {
alert("密码不允许为空!");
return false;
}
if (captcha == null || captcha == "") {
alert("验证码不允许为空!");
return false;
}
return true;
}
//开启错误提示
function showError(error) {
$(".form-error").find("label").html(error);
$(".form-error").show();
}
// getPageInfo();
//获取页面信息
function getPageInfo() {
$.ajax({
type: "GET",
dataType: "json",
url: "/QingLong/global/getGlobalByCodes",
data: {
"global_codes": Base64.encode("system_name,copy_right")
},
async: false,
success: function (result) {
$('title').html(result.data[0].global_value);
$("#system_name").html(result.data[0].global_value);
$("#footer").html(result.data[1].global_value);
}
});
}
// if (result.success) {
// window.location.href = "/QingLong/index.html";
// } else {
// alert(result.msg);
// if (result.redirect) {
// window.location.href = "/QingLong/plogin.html";
// }
// refreshCaptcha();
// }
},
});
}
// getPageInfo();
//获取页面信息
function getPageInfo() {
$.ajax({
type: "GET",
dataType: "json",
url: "/QingLong/global/getGlobalByCodes",
data: {
global_codes: Base64.encode("system_name,copy_right"),
},
async: false,
success: function (result) {
$("title").html(result.data[0].global_value);
$("#system_name").html(result.data[0].global_value);
$("#footer").html(result.data[1].global_value);
},
});
}
</script>
</body>
</html>
</body>
</html>

@ -1,356 +1,446 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="页面描述" />
<title>宽城区学区查询信息管理系统</title>
<link href="./component/pear/css/pear.css" rel="stylesheet" />
<link href="./css/settings.css" rel="stylesheet" />
</head>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="页面描述">
<title>测试页面</title>
<link href="./component/pear/css/pear.css" rel="stylesheet">
<link href="./css/settings.css" rel="stylesheet">
</head>
<body>
<div class="main">
<div class="main-box">
<div class="table-box">
<div class="card table-search">
<div><span class="title" id="page_title">宽城区学区查询信息管理系统</span></div>
<div class="layout-right" id="dropdown-text">
<a class="layui-icon layui-icon-username" href="javascript:;"></a>
<i class="layui-icon layui-icon-down" style="cursor: pointer;"></i>
<body>
<div class="main">
<div class="main-box">
<div class="table-box">
<div class="card table-search">
<div>
<span class="title" id="page_title"
>宽城区学区查询信息管理系统</span
>
</div>
<div class="layout-right" id="dropdown-text">
<a class="layui-icon layui-icon-username" href="javascript:;"></a>
<i class="layui-icon layui-icon-down" style="cursor: pointer"></i>
</div>
</div>
</div>
<div class="card table-main">
<div class="layui-tabs layui-hide-v" id="stageTabs" lay-options="{index: 0}">
<ul class="layui-tabs-header" style="font-weight: bold;">
<li>小学学区</li>
<li>初中学区</li>
</ul>
<div class="layui-tabs-body">
<div class="layui-tabs-item">
<script type="text/html" id="xx_table_toolbar">
<div style="display: flex;align-items:center" >
<button class="layui-btn layui-btn-sm" lay-event="xx_add">
<i class="layui-icon layui-icon-add-1"></i>
新增学校
</button>
<button class="layui-btn layui-btn-primary layui-btn-sm" lay-event="xx_import">
<i class="layui-icon layui-icon-export"></i>
批量导入
</button>
<div class="layui-input-wrap" style="margin-left: 10px;">
<input type="text" lay-affix="search" lay-filter="xx_search" lay-options="{split: true}" placeholder="请输入学校名称、派出所、街委" class="layui-input" style="width: 280px;">
<div class="card table-main">
<div
class="layui-tabs layui-hide-v"
id="stageTabs"
lay-options="{index: 0}"
>
<ul class="layui-tabs-header" style="font-weight: bold">
<li>小学学区</li>
<li>初中学区</li>
</ul>
<div class="layui-tabs-body">
<div class="layui-tabs-item">
<script type="text/html" id="xx_table_toolbar">
<div style="display: flex;align-items:center">
<button class="layui-btn layui-btn-sm" lay-event="xx_add">
<i class="layui-icon layui-icon-add-1"></i>
新增学校
</button>
<button
class="layui-btn layui-btn-primary layui-btn-sm"
lay-event="xx_import"
>
<i class="layui-icon layui-icon-export"></i>
批量导入
</button>
<div class="layui-input-wrap" style="margin-left: 10px;">
<input
type="text"
lay-affix="search"
lay-filter="xx_search"
placeholder="请输入学校名称、派出所、街委"
class="layui-input"
style="width: 280px;"
id="xx_keyword"
/>
</div>
</div>
</div>
</script>
</script>
<table class="layui-hide" id="xx-table"></table>
<table class="layui-hide" id="xx-table"></table>
<script type="text/html" id="xx_table_bar">
<span
class="woo-tool-span woo-tool-text-span"
data-tool-sort="120"
lay-event="xx_edit"
><a class="woo-theme-color">编辑</a></span
>
<script type="text/html" id="xx_table_bar">
<span class="woo-tool-span woo-tool-text-span" data-tool-sort="120" lay-event="xx_edit"><a
class="woo-theme-color">编辑</a></span>
<i class="woo-tool-text-delimiter"></i>
<span class="woo-tool-span woo-tool-text-span" data-tool-sort="120" lay-event="xx_remove"><a
class="woo-theme-color-red">删除</a></span>
<i class="woo-tool-text-delimiter"></i>
<span
class="woo-tool-span woo-tool-text-span"
data-tool-sort="120"
lay-event="xx_remove"
><a class="woo-theme-color-red">删除</a></span
>
</script>
</div>
</div>
<div class="layui-tabs-item">
<script type="text/html" id="cz_table_toolbar">
<div style="display: flex;align-items:center" >
<button class="layui-btn layui-btn-sm" lay-event="cz_add">
<i class="layui-icon layui-icon-add-1"></i>
新增学校
</button>
<button class="layui-btn layui-btn-primary layui-btn-sm" lay-event="cz_import">
<i class="layui-icon layui-icon-export"></i>
批量导入
</button>
<div class="layui-input-wrap" style="margin-left: 10px;">
<input type="text" lay-affix="search" lay-filter="cz_search" lay-options="{split: true}" placeholder="请输入学校名称、派出所、街委" class="layui-input" style="width: 280px;">
<div class="layui-tabs-item">
<script type="text/html" id="cz_table_toolbar">
<div style="display: flex;align-items:center">
<button class="layui-btn layui-btn-sm" lay-event="cz_add">
<i class="layui-icon layui-icon-add-1"></i>
新增学校
</button>
<button
class="layui-btn layui-btn-primary layui-btn-sm"
lay-event="cz_import"
>
<i class="layui-icon layui-icon-export"></i>
批量导入
</button>
<div class="layui-input-wrap" style="margin-left: 10px;">
<input
type="text"
lay-affix="search"
lay-filter="cz_search"
placeholder="请输入学校名称、派出所、街委"
class="layui-input"
style="width: 280px;"
id="cz_keyword"
/>
</div>
</div>
</div>
</script>
</script>
<table class="layui-hide" id="cz-table"></table>
<table class="layui-hide" id="cz-table"></table>
<script type="text/html" id="cz_table_bar">
<span class="woo-tool-span woo-tool-text-span" data-tool-sort="120" lay-event="cz_edit"><a
class="woo-theme-color">编辑</a></span>
<i class="woo-tool-text-delimiter"></i>
<span class="woo-tool-span woo-tool-text-span" data-tool-sort="120" lay-event="cz_remove"><a
class="woo-theme-color-red">删除</a></span>
</script>
<script type="text/html" id="cz_table_bar">
<span
class="woo-tool-span woo-tool-text-span"
data-tool-sort="120"
lay-event="cz_edit"
><a class="woo-theme-color">编辑</a></span
>
<i class="woo-tool-text-delimiter"></i>
<span
class="woo-tool-span woo-tool-text-span"
data-tool-sort="120"
lay-event="cz_remove"
><a class="woo-theme-color-red">删除</a></span
>
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="./component/layui/layui.js"></script>
<script src="./component/pear/pear.js"></script>
<script>
layui.use(function () {
var dropdown = layui.dropdown;
var table = layui.table;
var tabs = layui.tabs;
var form = layui.form;
<script src="./component/layui/layui.js"></script>
<script src="./component/pear/pear.js"></script>
<script src="./js/jquery-3.6.0.min.js"></script>
<script src="./js/jquery.cookie.min.js"></script>
<script>
layui.use(["popup"], function () {
var dropdown = layui.dropdown;
var table = layui.table;
var tabs = layui.tabs;
var form = layui.form;
var popup = layui.popup;
dropdown.render({
elem: '#dropdown-text',
data: [{
title: '修改密码',
id: 100
}, {
title: '退出登录',
id: 101
}],
click: function (obj) {
console.log(obj);
if ($.cookie("person_id") && $.cookie("identity_id")) {
console.log("已登录!");
} else {
$.cookie("person_id", null);
$.cookie("identity_id", null);
window.location.href = "./login.html";
}
});
table.render({
elem: '#xx-table',
cols: [[ //标题栏
{ title: '序号', align: 'center', width: "5%", type: 'numbers' },
{ field: 'username', title: '学校', width: "30%" },
{ field: 'sign', title: '派出所', width: "20%" },
{ field: 'sex', title: '汉字街委', width: "30%" },
{ title: '操作', toolbar: '#xx_table_bar', align: 'center', width: "15%" }
]],
height: 'full-190',
data: [{ // 赋值已知数据
"id": "10001",
"username": "长春市星恒学校中学部",
"sex": "丛家村(王振东屯、铁脖屯、丛家梁子屯、伏州屯、丁老相屯)",
"city": "浙江杭州",
"sign": "柳影路派出所",
"experience": "116"
}, {
"id": "10002",
"username": "张三2",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "12",
}, {
"id": "10003",
"username": "张三3",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "65"
}, {
"id": "10004",
"username": "张三4",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "777"
}, {
"id": "10005",
"username": "张三5",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "86"
}, {
"id": "10006",
"username": "张三6",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "12"
}, {
"id": "10007",
"username": "张三7",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "16"
}, {
"id": "10008",
"username": "张三8",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "106"
}],
page: {
limit: 15
, layout: ['count', 'prev', 'page', 'next', 'skip']
, prev: "上一页"
, next: "下一页"
},
skin: 'line', // 表格风格
toolbar: '#xx_table_toolbar',
defaultToolbar: []
});
dropdown.render({
elem: "#dropdown-text",
data: [
{
title: "修改密码",
id: 100,
},
{
title: "退出登录",
id: 101,
},
],
click: function (obj) {
if (obj.id === 100) {
layer.open({
type: 2,
title: "修改密码",
shade: 0.1,
area: ["650px", "230px"],
content: "./changePwd.html",
});
} else {
popup.success("注销成功", function () {
$.cookie("person_id", null);
$.cookie("identity_id", null);
window.location.href = "./login.html";
});
}
},
});
table.render({
elem: '#cz-table',
cols: [[ //标题栏
{ title: '序号', align: 'center', width: "5%", type: 'numbers' },
{ field: 'username', title: '学校', width: "30%" },
{ field: 'sign', title: '派出所', width: "20%" },
{ field: 'sex', title: '汉字街委', width: "30%" },
{ title: '操作', toolbar: '#cz_table_bar', align: 'center', width: "15%" }
]],
height: 'full-190',
data: [{ // 赋值已知数据
"id": "10001",
"username": "张三1",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "116"
}, {
"id": "10002",
"username": "张三2",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "12",
}, {
"id": "10003",
"username": "张三3",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "65"
}, {
"id": "10004",
"username": "张三4",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "777"
}, {
"id": "10005",
"username": "张三5",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "86"
}, {
"id": "10006",
"username": "张三6",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "12"
}, {
"id": "10007",
"username": "张三7",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "16"
}, {
"id": "10008",
"username": "张三8",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "106"
}],
page: {
limit: 15
, layout: ['count', 'prev', 'page', 'next', 'skip']
, prev: "上一页"
, next: "下一页"
},
skin: 'line', // 表格风格
toolbar: '#cz_table_toolbar',
defaultToolbar: []
});
renderXxTable();
table.on('tool(xx-table)', function (obj) {
if (obj.event === 'xx_edit') {
console.log(obj)
} else if (obj.event === 'xx_remove') {
function renderXxTable() {
table.render({
elem: "#xx-table",
id: "xxTable",
url: "/dsideal_yy/ypt/intellioa/schoolDistrict/schoolDistrictBack/list?stage=小学",
request: {
pageName: "page_number", // 页码的参数名称默认page
limitName: "page_size", // 每页数据条数的参数名默认limit
},
cols: [
[
//标题栏
{
title: "序号",
align: "center",
width: "5%",
type: "numbers",
},
{ field: "school_name", title: "学校", width: "30%" },
{ field: "police_station", title: "派出所", width: "20%" },
{ field: "jw", title: "汉字街委", width: "30%" },
{
title: "操作",
toolbar: "#xx_table_bar",
align: "center",
width: "14%",
},
],
],
height: "full-190",
layer.confirm('一个询问框的示例?', { icon: 0 }, function () {
layer.msg('第一个回调', { icon: 1 });
page: {
limit: 15,
layout: ["count", "prev", "page", "next", "skip"],
prev: "上一页",
next: "下一页",
},
skin: "line", // 表格风格
toolbar: "#xx_table_toolbar",
defaultToolbar: [],
parseData: function (res) {
return {
code: "0", // 解析接口状态
msg: res.message, // 解析提示文本
count: res.data.total_row, // 解析数据长度
data: res.data.list, // 解析数据列表
};
},
});
}
});
table.on('tool(cz-table)', function (obj) {
if (obj.event === 'cz_edit') {
console.log(obj)
} else if (obj.event === 'cz_remove') {
console.log(obj)
}
});
renderCzTable();
table.on('toolbar(xx-table)', function (obj) {
if (obj.event === 'xx_add') {
addSchool('xx');
} else if (obj.event === 'xx_import') {
batchImport('xx')
function renderCzTable() {
table.render({
elem: "#cz-table",
id: "czTable",
url: "/dsideal_yy/ypt/intellioa/schoolDistrict/schoolDistrictBack/list?stage=中学",
request: {
pageName: "page_number", // 页码的参数名称默认page
limitName: "page_size", // 每页数据条数的参数名默认limit
},
cols: [
[
//标题栏
{
title: "序号",
align: "center",
width: "5%",
type: "numbers",
},
{ field: "school_name", title: "学校", width: "30%" },
{ field: "police_station", title: "派出所", width: "20%" },
{ field: "jw", title: "汉字街委", width: "30%" },
{
title: "操作",
toolbar: "#cz_table_bar",
align: "center",
width: "14%",
},
],
],
height: "full-190",
page: {
limit: 15,
layout: ["count", "prev", "page", "next", "skip"],
prev: "上一页",
next: "下一页",
},
skin: "line", // 表格风格
toolbar: "#cz_table_toolbar",
defaultToolbar: [],
parseData: function (res) {
return {
code: "0", // 解析接口状态
msg: res.message, // 解析提示文本
count: res.data.total_row, // 解析数据长度
data: res.data.list, // 解析数据列表
};
},
});
}
});
table.on('toolbar(cz-table)', function (obj) {
if (obj.event === 'cz_add') {
addSchool('cz');
} else if (obj.event === 'cz_import') {
batchImport('cz')
}
});
table.on("tool(xxTable)", function (obj) {
if (obj.event === "xx_edit") {
console.log(obj);
updateSchool("xx", obj.data.id);
} else if (obj.event === "xx_remove") {
layer.confirm(
"确定要删除该吗?",
{
icon: 3,
title: "提示",
},
function (index) {
layer.close(index);
delSchool("xx", obj.data.id);
}
);
}
});
function addSchool(stage) {
layer.open({
type: 2,
title: '新增学校',
shade: 0.1,
area: ['650px', '280px'],
content: './add.html?stage=' + stage
table.on("tool(czTable)", function (obj) {
if (obj.event === "cz_edit") {
updateSchool("cz", obj.data.id);
} else if (obj.event === "cz_remove") {
layer.confirm(
"确定要删除该吗?",
{
icon: 3,
title: "提示",
},
function (index) {
layer.close(index);
delSchool("cz", obj.data.id);
}
);
}
});
}
function batchImport(stage) {
layer.open({
type: 2,
title: '批量导入',
shade: 0.1,
area: ['550px', '240px'],
content: './import.html?stage=' + stage
table.on("toolbar(xxTable)", function (obj) {
if (obj.event === "xx_add") {
addSchool("xx");
} else if (obj.event === "xx_import") {
batchImport("xx");
}
});
}
table.on("toolbar(czTable)", function (obj) {
if (obj.event === "cz_add") {
addSchool("cz");
} else if (obj.event === "cz_import") {
batchImport("cz");
}
});
form.on('input-affix(xx_search)', function (data) {
console.log(data); // 当前触发点缀事件的图标元素
});
function addSchool(stage) {
layer.open({
type: 2,
title: "新增",
shade: 0.1,
area: ["650px", "280px"],
content: "./add.html?stage=" + stage,
});
}
form.on('input-affix(cz_search)', function (data) {
console.log(data); // 当前触发点缀事件的图标元素
});
function updateSchool(stage, id) {
layer.open({
type: 2,
title: "编辑",
shade: 0.1,
area: ["650px", "280px"],
content: "./update.html?stage=" + stage + "&id=" + id,
});
}
function delSchool(stage, id) {
$.ajax({
url: "/dsideal_yy/ypt/intellioa/schoolDistrict/schoolDistrictBack/delete",
data: { id },
type: "post",
dataType: "json",
success: function (result) {
console.log(result);
if (result.code === 2000) {
layer.msg(
"删除成功!",
{
icon: 1,
time: 1000,
},
function () {
if (stage === "xx") {
table.reload("xxTable");
} else {
table.reload("czTable");
}
}
);
} else {
layer.msg(result.msg, {
icon: 2,
time: 1000,
});
}
},
error: function (xhr, status, error) {
layer.close(loading);
console.log("请求出错:" + error + "," + status);
},
});
}
tabs.on('afterChange(stageTabs)', function (data) {
if (data.index === 0) {
table.resize('xx-table');
} else if (data.index === 1) {
table.resize('cz-table');
function batchImport(stage) {
layer.open({
type: 2,
title: "批量导入",
shade: 0.1,
area: ["550px", "240px"],
content: "./import.html?stage=" + stage,
});
}
});
});
</script>
</body>
form.on("input-affix(xx_search)", function (data) {
table.reloadData("xxTable", {
where: {
search_info: $("#xx_keyword").val(),
},
scrollPos: true,
});
return false;
});
</html>
form.on("input-affix(cz_search)", function (data) {
table.reloadData("czTable", {
where: {
search_info: $("#cz_keyword").val(),
},
scrollPos: true,
});
return false;
});
tabs.on("afterChange(stageTabs)", function (data) {
if (data.index === 0) {
table.resize("xxTable");
} else if (data.index === 1) {
table.resize("czTable");
}
});
});
</script>
</body>
</html>

@ -1,354 +0,0 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="页面描述">
<title>测试页面</title>
<link href="./component/pear/css/pear.css" rel="stylesheet">
<link href="./css/settings.css" rel="stylesheet">
</head>
<body>
<div class="main">
<div class="main-box">
<div class="table-box">
<div class="card table-search">
<div><span class="title" id="page_title">宽城区学区查询信息管理系统</span></div>
<div class="layout-right" id="dropdown-text">
<a class="layui-icon layui-icon-username" href="javascript:;"></a>
<i class="layui-icon layui-icon-down" style="cursor: pointer;"></i>
</div>
</div>
<div class="card table-main">
<div class="layui-tabs layui-hide-v" id="stageTabs" lay-options="{index: 0}">
<ul class="layui-tabs-header">
<li>小学学区</li>
<li>初中学区</li>
</ul>
<div class="layui-tabs-body">
<div class="layui-tabs-item">
<script type="text/html" id="xx_table_toolbar">
<div style="display: flex;align-items:center" >
<button class="layui-btn layui-btn-sm" lay-event="xx_add">
<i class="layui-icon layui-icon-add-1"></i>
新增学校
</button>
<button class="layui-btn layui-btn-primary layui-btn-sm" lay-event="xx_import">
<i class="layui-icon layui-icon-export"></i>
批量导入
</button>
<div class="layui-input-wrap" style="margin-left: 10px;">
<input type="text" lay-affix="search" lay-filter="xx_search" lay-options="{split: true}" placeholder="请输入学校名称、派出所、街委" class="layui-input" style="width: 280px;">
</div>
</div>
</script>
<table class="layui-hide" id="xx-table"></table>
<script type="text/html" id="xx_table_bar">
<span class="woo-tool-span woo-tool-text-span" data-tool-sort="120" lay-event="xx_edit"><a
class="woo-theme-color">编辑</a></span>
<i class="woo-tool-text-delimiter"></i>
<span class="woo-tool-span woo-tool-text-span" data-tool-sort="120" lay-event="xx_remove"><a
class="woo-theme-color-red">删除</a></span>
</script>
</div>
<div class="layui-tabs-item">
<script type="text/html" id="cz_table_toolbar">
<div style="display: flex;align-items:center" >
<button class="layui-btn layui-btn-sm" lay-event="cz_add">
<i class="layui-icon layui-icon-add-1"></i>
新增学校
</button>
<button class="layui-btn layui-btn-primary layui-btn-sm" lay-event="cz_import">
<i class="layui-icon layui-icon-export"></i>
批量导入
</button>
<div class="layui-input-wrap" style="margin-left: 10px;">
<input type="text" lay-affix="search" lay-filter="cz_search" lay-options="{split: true}" placeholder="请输入学校名称、派出所、街委" class="layui-input" style="width: 280px;">
</div>
</div>
</script>
<table class="layui-hide" id="cz-table"></table>
<script type="text/html" id="cz_table_bar">
<span class="woo-tool-span woo-tool-text-span" data-tool-sort="120" lay-event="cz_edit"><a
class="woo-theme-color">编辑</a></span>
<i class="woo-tool-text-delimiter"></i>
<span class="woo-tool-span woo-tool-text-span" data-tool-sort="120" lay-event="cz_remove"><a
class="woo-theme-color-red">删除</a></span>
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="./component/layui/layui.js"></script>
<script src="./component/pear/pear.js"></script>
<script>
layui.use(function () {
var dropdown = layui.dropdown;
var table = layui.table;
var tabs = layui.tabs;
var form = layui.form;
dropdown.render({
elem: '#dropdown-text',
data: [{
title: '修改密码',
id: 100
}, {
title: '退出登录',
id: 101
}],
click: function (obj) {
console.log(obj);
}
});
table.render({
elem: '#xx-table',
cols: [[ //标题栏
{ title: '序号', align: 'center', width: "5%", type: 'numbers' },
{ field: 'username', title: '学校', width: "30%" },
{ field: 'sign', title: '派出所', width: "20%" },
{ field: 'sex', title: '汉字街委', width: "35%" },
{ title: '操作', toolbar: '#xx_table_bar', align: 'center', width: "10%" }
]],
height: 'full-190',
data: [{ // 赋值已知数据
"id": "10001",
"username": "张三1",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "116"
}, {
"id": "10002",
"username": "张三2",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "12",
}, {
"id": "10003",
"username": "张三3",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "65"
}, {
"id": "10004",
"username": "张三4",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "777"
}, {
"id": "10005",
"username": "张三5",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "86"
}, {
"id": "10006",
"username": "张三6",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "12"
}, {
"id": "10007",
"username": "张三7",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "16"
}, {
"id": "10008",
"username": "张三8",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "106"
}],
page: {
limit: 15
, layout: ['count', 'prev', 'page', 'next', 'skip']
, prev: "上一页"
, next: "下一页"
},
skin: 'line', // 表格风格
toolbar: '#xx_table_toolbar',
defaultToolbar: []
});
table.render({
elem: '#cz-table',
cols: [[ //标题栏
{ title: '序号', align: 'center', width: "5%", type: 'numbers' },
{ field: 'username', title: '学校', width: "30%" },
{ field: 'sign', title: '派出所', width: "20%" },
{ field: 'sex', title: '汉字街委', width: "35%" },
{ title: '操作', toolbar: '#cz_table_bar', align: 'center', width: "10%" }
]],
height: 'full-190',
data: [{ // 赋值已知数据
"id": "10001",
"username": "张三1",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "116"
}, {
"id": "10002",
"username": "张三2",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "12",
}, {
"id": "10003",
"username": "张三3",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "65"
}, {
"id": "10004",
"username": "张三4",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "777"
}, {
"id": "10005",
"username": "张三5",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "86"
}, {
"id": "10006",
"username": "张三6",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "12"
}, {
"id": "10007",
"username": "张三7",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "16"
}, {
"id": "10008",
"username": "张三8",
"sex": "男",
"city": "浙江杭州",
"sign": "人生恰似一场修行",
"experience": "106"
}],
page: {
limit: 15
, layout: ['count', 'prev', 'page', 'next', 'skip']
, prev: "上一页"
, next: "下一页"
},
skin: 'line', // 表格风格
toolbar: '#cz_table_toolbar',
defaultToolbar: []
});
table.on('tool(xx-table)', function (obj) {
if (obj.event === 'xx_edit') {
console.log(obj)
} else if (obj.event === 'xx_remove') {
console.log(obj)
}
});
table.on('tool(cz-table)', function (obj) {
if (obj.event === 'cz_edit') {
console.log(obj)
} else if (obj.event === 'cz_remove') {
console.log(obj)
}
});
table.on('toolbar(xx-table)', function (obj) {
if (obj.event === 'xx_add') {
addSchool('xx');
} else if (obj.event === 'xx_import') {
batchImport('xx')
}
});
table.on('toolbar(cz-table)', function (obj) {
if (obj.event === 'cz_add') {
addSchool('cz');
} else if (obj.event === 'cz_import') {
batchImport('cz')
}
});
function addSchool(stage) {
layer.open({
type: 2,
title: '新增学校',
shade: 0.1,
area: ['650px', '280px'],
content: './add.html?stage=' + stage
});
}
function batchImport(stage) {
layer.open({
type: 2,
title: '批量导入',
shade: 0.1,
area: ['550px', '240px'],
content: './import.html?stage=' + stage
});
}
form.on('input-affix(xx_search)', function (data) {
console.log(data); // 当前触发点缀事件的图标元素
});
form.on('input-affix(cz_search)', function (data) {
console.log(data); // 当前触发点缀事件的图标元素
});
tabs.on('afterChange(stageTabs)', function (data) {
if (data.index === 0) {
table.resize('xx-table');
} else if (data.index === 1) {
table.resize('cz-table');
}
});
});
</script>
</body>
</html>

@ -0,0 +1,189 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title></title>
<link rel="stylesheet" href="./component/pear/css/pear.css" />
<style>
.require-star {
position: absolute;
width: 3px;
height: 14px;
background-color: #ea4335;
top: 12px;
right: 8px;
border-radius: 1.5px;
}
.input-width {
max-width: 445px;
}
.layui-form-select {
width: 445px;
}
</style>
</head>
<body>
<form class="layui-form" action="">
<div class="mainBox">
<div class="main-container">
<div class="layui-form-item">
<label class="layui-form-label" style="width: 90px !important"
><span class="require-star"></span>学校名称</label
>
<div class="layui-input-block">
<input
type="text"
id="school_name"
name="school_name"
lay-verify="required"
autocomplete="off"
placeholder="请输入学校名称"
class="layui-input input-width"
/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 90px !important"
><span class="require-star"></span>派出所</label
>
<div class="layui-input-block">
<input
type="text"
id="police_station"
name="police_station"
lay-verify="required"
autocomplete="off"
placeholder="请输入派出所"
class="layui-input input-width"
/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 90px !important"
><span class="require-star"></span>汉字街委</label
>
<div class="layui-input-block">
<input
type="text"
id="street"
name="street"
lay-verify="required"
autocomplete="off"
placeholder="请输入汉字街委"
class="layui-input input-width"
/>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="button-container">
<button
type="submit"
class="layui-btn layui-btn-sm"
lay-submit=""
lay-filter="save"
>
<i class="layui-icon layui-icon-ok"></i>
提交
</button>
<button
type="button"
class="layui-btn layui-btn-primary layui-btn-sm"
lay-on="close"
>
<i class="layui-icon layui-icon-close"></i>
取消
</button>
</div>
</div>
</form>
<script src="./component/layui/layui.js"></script>
<script src="./component/pear/pear.js"></script>
<script>
layui.use(["form", "jquery", "laytpl"], function () {
var form = layui.form;
var $ = layui.jquery;
var laytpl = layui.laytpl;
var util = layui.util;
var id = GetQueryString("id");
var stage = GetQueryString("stage");
$.ajax({
type: "GET",
dataType: "json",
url:
"/dsideal_yy/ypt/intellioa/schoolDistrict/schoolDistrictBack/get?id=" +
id,
success: function (res) {
$("#school_name").val(res.data.school_district_info.school_name);
$("#police_station").val(
res.data.school_district_info.police_station
);
$("#street").val(res.data.school_district_info.street);
},
});
form.on("submit(save)", function (data) {
data.field["id"] = id;
if (stage == "xx") {
data.field["stage"] = "小学";
} else {
data.field["stage"] = "中学";
}
$.ajax({
url: "/dsideal_yy/ypt/intellioa/schoolDistrict/schoolDistrictBack/save",
data: data.field,
type: "post",
dataType: "json",
success: function (result) {
if (result.code === 2000) {
layer.msg(
"修改成功!",
{
icon: 1,
time: 1300,
},
function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
if (stage == "xx") {
parent.layui.table.reload("xxTable");
} else {
parent.layui.table.reload("czTable");
}
}
);
} else {
layer.msg(result.msg, {
icon: 2,
time: 2000,
});
}
},
});
return false;
});
util.on({
close: function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
},
});
function GetQueryString(name, istop) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (typeof istop != "undefined")
r = top.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
});
</script>
</body>
</html>
Loading…
Cancel
Save