refactor(jinja2):修改模板使用继承

This commit is contained in:
zhengxinonly
2021-11-19 18:38:55 +08:00
parent 8bc5d6e0c2
commit d4d8d8b294
21 changed files with 2820 additions and 2808 deletions
+35
View File
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{#页面标题#}
{% block title %}
<title>Pear Admin Flask</title>
{% endblock %}
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
{# 头部导入的 Script,主要为样式 #}
{% block header_script %}
<link rel="stylesheet" href="/static/admin/component/pear/css/pear.css"/>
{% endblock %}
</head>
{#pear 后台边框#}
<body class="pear-container">
{#页面的主题内容,用于页面进行改写#}
{% block body %}
{% endblock %}
{# 当前页面需要依赖的 JavaScript #}
{% block footer_script %}
<script src="/static/admin/component/layui/layui.js"></script>
<script src="/static/admin/component/pear/pear.js"></script>
{% endblock %}
{# 当前页面自己编写的 JavaScript #}
{% block models_script %}
{% endblock %}
</body>
</html>
-2
View File
@@ -1,2 +0,0 @@
<script src="/static/admin/component/layui/layui.js"></script>
<script src="/static/admin/component/pear/pear.js"></script>
-5
View File
@@ -1,5 +0,0 @@
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="/static/admin/component/pear/css/pear.css"/>
+25 -29
View File
@@ -1,13 +1,12 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html> {% block title %}
<head>
<title>部门新增</title> <title>部门新增</title>
{% include 'admin/common/header.html' %} {% endblock %}
</head>
{#pear 后台边框#}
<body class="pear-container"> {% block body %}
{#搜索框布局#} {#搜索框布局#}
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
<form class="layui-form" action=""> <form class="layui-form" action="">
<div class="layui-form-item"> <div class="layui-form-item">
@@ -29,17 +28,19 @@
</div> </div>
</form> </form>
</div> </div>
</div> </div>
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
{#表格字段渲染#} {#表格字段渲染#}
<table id="tables" lay-filter="tables"></table> <table id="tables" lay-filter="tables"></table>
</div> </div>
</div> </div>
{% endblock %}
{#表格工具栏,需要在表格中绑定,且需要自定义事件#} {% block models_script %}
<script type="text/html" id="toolbar"> {#表格工具栏,需要在表格中绑定,且需要自定义事件#}
<script type="text/html" id="toolbar">
{% if authorize("admin:dept:edit") %} {% if authorize("admin:dept:edit") %}
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="toolbar-add"> <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="toolbar-add">
<i class="layui-icon layui-icon-add-1"></i> <i class="layui-icon layui-icon-add-1"></i>
@@ -52,18 +53,18 @@
删除 删除
</button> </button>
{% endif %} {% endif %}
</script> </script>
{#操作字段,需要在表格中使用#} {#操作字段,需要在表格中使用#}
<script type="text/html" id="tool"> <script type="text/html" id="tool">
<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="tool_edit"> <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="tool_edit">
<i class="layui-icon layui-icon-edit"></i> <i class="layui-icon layui-icon-edit"></i>
</button> </button>
<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="tool_remove"> <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="tool_remove">
<i class="layui-icon layui-icon-delete"></i> <i class="layui-icon layui-icon-delete"></i>
</button> </button>
</script> </script>
{#表格内的切换按钮#} {#表格内的切换按钮#}
<script type="text/html" id="dept-status"> <script type="text/html" id="dept-status">
<input type="checkbox" <input type="checkbox"
name="status" name="status"
value="{{ "{{ d.deptId }}" }}" value="{{ "{{ d.deptId }}" }}"
@@ -71,12 +72,9 @@
lay-text="启用|禁用" lay-text="启用|禁用"
lay-filter="dept_enable" lay-filter="dept_enable"
{{ "{{# if(d.status==1){ }} checked {{# } }}" }}> {{ "{{# if(d.status==1){ }} checked {{# } }}" }}>
</script> </script>
<script type="module">
{% include 'admin/common/footer.html' %}
<script type="module">
import { DEPARTMENT_API } from '/static/api/http.js' import { DEPARTMENT_API } from '/static/api/http.js'
@@ -217,7 +215,6 @@
} }
window.tool_edit = function (obj) { window.tool_edit = function (obj) {
layer.open({ layer.open({
type: 2, type: 2,
title: '修改', title: '修改',
@@ -251,6 +248,5 @@
} }
}) })
</script> </script>
</body> {% endblock %}
</html>
+20 -19
View File
@@ -1,11 +1,12 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html>
<head> {% block title %}
<title>部门管理</title> <title>部门管理</title>
{% include 'admin/common/header.html' %} {% endblock %}
</head>
<body>
<form class="layui-form" action=""> {% block body %}
<form class="layui-form" action="">
<div class="mainBox"> <div class="mainBox">
<div class="main-container"> <div class="main-container">
<div class="layui-form-item"> <div class="layui-form-item">
@@ -38,7 +39,8 @@
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">联系方式</label> <label class="layui-form-label">联系方式</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="phone" lay-verify="title" autocomplete="off" placeholder="请输入联系方式(电话号码)" <input type="text" name="phone" lay-verify="title" autocomplete="off"
placeholder="请输入联系方式(电话号码)"
class="layui-input"> class="layui-input">
</div> </div>
</div> </div>
@@ -66,7 +68,8 @@
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="button-container"> <div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="dept-save"> <button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit=""
lay-filter="dept-save">
<i class="layui-icon layui-icon-ok"></i> <i class="layui-icon layui-icon-ok"></i>
提交 提交
</button> </button>
@@ -76,12 +79,11 @@
</button> </button>
</div> </div>
</div> </div>
</form> </form>
{% endblock %}
{% block models_script %}
{% include 'admin/common/footer.html' %} <script type="module">
<script type="module">
import { DEPARTMENT_API } from '/static/api/http.js' import { DEPARTMENT_API } from '/static/api/http.js'
layui.use(['form', 'jquery', 'dtree'], function () { layui.use(['form', 'jquery', 'dtree'], function () {
@@ -98,7 +100,7 @@
skin: 'layui', skin: 'layui',
dataFormat: 'list', dataFormat: 'list',
response: { treeId: 'deptId', parentId: 'parentId', title: 'deptName' }, response: { treeId: 'deptId', parentId: 'parentId', title: 'deptName' },
selectInitVal: '1' selectInitVal: '1',
}) })
/*添加数据 表单组件,提交按钮之后触发的事件*/ /*添加数据 表单组件,提交按钮之后触发的事件*/
@@ -118,11 +120,10 @@
} else { } else {
layer.msg(result.message, { icon: 2, time: 1000 }) layer.msg(result.message, { icon: 2, time: 1000 })
} }
} },
}) })
return false return false
}) })
}) })
</script> </script>
</body> {% endblock %}
</html>
+15 -15
View File
@@ -1,11 +1,12 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html>
<head> {% block title %}
<title>部门修改</title> <title>部门修改</title>
{% include 'admin/common/header.html' %} {% endblock %}
</head>
<body>
<form class="layui-form" action=""> {% block body %}
<form class="layui-form" action="">
<div class="mainBox"> <div class="mainBox">
<div class="main-container"> <div class="main-container">
<div class="layui-form-item layui-hide"> <div class="layui-form-item layui-hide">
@@ -89,12 +90,12 @@
</button> </button>
</div> </div>
</div> </div>
</form> </form>
{% endblock %}
{% include 'admin/common/footer.html' %} {% block models_script %}
<script type="module">
<script type="module">
import { DEPARTMENT_API } from '/static/api/http.js' import { DEPARTMENT_API } from '/static/api/http.js'
layui.use(['form', 'jquery'], function () { layui.use(['form', 'jquery'], function () {
@@ -118,12 +119,11 @@
} else { } else {
layer.msg(result.message, { icon: 2, time: 1000 }) layer.msg(result.message, { icon: 2, time: 1000 })
} }
} },
}) })
return false return false
}) })
}) })
</script> </script>
</body> {% endblock %}
</html>
+17 -19
View File
@@ -1,20 +1,19 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html>
<head> {% block title %}
<title>图片上传</title> <title>图片上传</title>
{% include 'admin/common/header.html' %} {% endblock %}
</head>
<body class="pear-container"> {% block body %}
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
<table id="tables" lay-filter="tables"></table> <table id="tables" lay-filter="tables"></table>
</div> </div>
</div> </div>
{% endblock %}
{% block models_script %}
{% include 'admin/common/footer.html' %} <script type="text/html" id="toolbar">
<script type="text/html" id="toolbar">
<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="toolbar-add"> <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="toolbar-add">
<i class="layui-icon layui-icon-add-1"></i> <i class="layui-icon layui-icon-add-1"></i>
新增 新增
@@ -23,14 +22,14 @@
<i class="layui-icon layui-icon-delete"></i> <i class="layui-icon layui-icon-delete"></i>
删除 删除
</button> </button>
</script> </script>
<script type="text/html" id="tool"> <script type="text/html" id="tool">
<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="tool-remove"> <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="tool-remove">
<i class="layui-icon layui-icon-delete"></i> <i class="layui-icon layui-icon-delete"></i>
</button> </button>
</script> </script>
<script type="module"> <script type="module">
import { FILE_API, parserTableData as parseData } from '/static/api/http.js' import { FILE_API, parserTableData as parseData } from '/static/api/http.js'
layui.use(['table', 'form', 'jquery', 'element', 'form', 'upload'], function () { layui.use(['table', 'form', 'jquery', 'element', 'form', 'upload'], function () {
@@ -265,6 +264,5 @@
} }
}) })
</script> </script>
</body> {% endblock %}
</html>
+14 -19
View File
@@ -1,15 +1,11 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html>
<head> {% block title %}
{% include 'admin/common/header.html' %} <title>新增图片</title>
<style> {% endblock %}
body {
margin: 10px; {% block body %}
} <div class="layui-row layui-col-space15">
</style>
</head>
<body>
<div class="layui-row layui-col-space15">
<div class="layui-col-md12"> <div class="layui-col-md12">
<div class="layui-card"> <div class="layui-card">
<div class="layui-tab-content"> <div class="layui-tab-content">
@@ -28,12 +24,12 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{% endblock %}
{% include 'admin/common/footer.html' %} {% block models_script %}
<script type="module">
<script type="module">
import { FILE_API } from '/static/api/http.js' import { FILE_API } from '/static/api/http.js'
layui.use(['jquery', 'element', 'form', 'upload'], function () { layui.use(['jquery', 'element', 'form', 'upload'], function () {
@@ -61,6 +57,5 @@
}, },
}) })
}) })
</script> </script>
</body> {% endblock %}
</html>
+19 -20
View File
@@ -1,13 +1,13 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html>
<head>
<title>日志</title>
{% include 'admin/common/header.html' %}
<link rel="stylesheet" href="/static/admin/admin/css/other/console2.css"/>
</head>
<body class="pear-container">
<div class="layui-card"> {% block title %}
<title>日志</title>
<link rel="stylesheet" href="/static/admin/admin/css/other/console2.css"/>
{% endblock %}
{% block body %}
<div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
<div class="layui-tab layui-tab-card"> <div class="layui-tab layui-tab-card">
<ul class="layui-tab-title"> <ul class="layui-tab-title">
@@ -24,23 +24,22 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</body> {% endblock %}
{% include 'admin/common/footer.html' %} {% block models_script %}
<script type="text/html" id="log-createTime">
<script type="text/html" id="log-createTime">
{{ ' {{layui.util.toDateString(d.create_at, "yyyy-MM-dd HH:mm:ss")}' |safe }}} {{ ' {{layui.util.toDateString(d.create_at, "yyyy-MM-dd HH:mm:ss")}' |safe }}}
</script> </script>
<script type="text/html" id="log-status"> <script type="text/html" id="log-status">
{{ '{{#if (d.success == true) { }} {{ '{{#if (d.success == true) { }}
<span style="color: green">成功</span> <span style="color: green">成功</span>
{{# }else if(d.success == false){ }} {{# }else if(d.success == false){ }}
<span style="color: red">失败</span> <span style="color: red">失败</span>
{{# } }}'|safe }} {{# } }}'|safe }}
</script> </script>
<script type="module"> <script type="module">
import { parserTableData as parseData } from '/static/api/http.js' import { parserTableData as parseData } from '/static/api/http.js'
layui.use(['table', 'form', 'jquery', 'element', 'util'], function () { layui.use(['table', 'form', 'jquery', 'element', 'util'], function () {
@@ -83,5 +82,5 @@
toolbar: false, toolbar: false,
}) })
}) })
</script> </script>
</html> {% endblock %}
+20 -21
View File
@@ -1,11 +1,12 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html>
<head> {% block title %}
<title>权限</title> <title>权限</title>
{% include 'admin/common/header.html' %} {% endblock %}
</head>
<body class="pear-container">
<div class="layui-card"> {% block body %}
<div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
<form class="layui-form" action=""> <form class="layui-form" action="">
<div class="layui-form-item"> <div class="layui-form-item">
@@ -24,17 +25,16 @@
</div> </div>
</form> </form>
</div> </div>
</div> </div>
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
<table id="tables" lay-filter="tables"></table> <table id="tables" lay-filter="tables"></table>
</div> </div>
</div> </div>
{% endblock %}
{% block models_script %}
{% include 'admin/common/footer.html' %} <script type="text/html" id="toolbar">
<script type="text/html" id="toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="toolbar-add"> <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="toolbar-add">
<i class="layui-icon layui-icon-add-1"></i> <i class="layui-icon layui-icon-add-1"></i>
新增 新增
@@ -43,17 +43,17 @@
<i class="layui-icon layui-icon-delete"></i> <i class="layui-icon layui-icon-delete"></i>
删除 删除
</button> </button>
</script> </script>
<script type="text/html" id="tool"> <script type="text/html" id="tool">
<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="tool-edit"><i <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="tool-edit"><i
class="layui-icon layui-icon-edit"></i> class="layui-icon layui-icon-edit"></i>
</button> </button>
<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="tool-remove"><i <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="tool-remove"><i
class="layui-icon layui-icon-delete"></i> class="layui-icon layui-icon-delete"></i>
</button> </button>
</script> </script>
<script type="module"> <script type="module">
import { RIGHTS_API, parserTableData as parseData } from '/static/api/http.js' import { RIGHTS_API, parserTableData as parseData } from '/static/api/http.js'
layui.use(['table', 'form', 'jquery', 'treetable', 'popup', 'dtree', 'iconPicker'], function () { layui.use(['table', 'form', 'jquery', 'treetable', 'popup', 'dtree', 'iconPicker'], function () {
@@ -281,6 +281,5 @@
}, },
}) })
}) })
</script> </script>
</body> {% endblock %}
</html>
+18 -19
View File
@@ -1,11 +1,11 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html>
<head> {% block title %}
<title>权限</title> <title>权限</title>
{% include 'admin/common/header.html' %}</head> {% endblock %}
</head>
<body> {% block body %}
<form class="layui-form" action=""> <form class="layui-form" action="">
<div class="mainBox"> <div class="mainBox">
<div class="main-container"> <div class="main-container">
<div class="main-container"> <div class="main-container">
@@ -72,7 +72,8 @@
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="button-container"> <div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="power-save"> <button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit=""
lay-filter="power-save">
<i class="layui-icon layui-icon-ok"></i> <i class="layui-icon layui-icon-ok"></i>
提交 提交
</button> </button>
@@ -82,12 +83,11 @@
</button> </button>
</div> </div>
</div> </div>
</form> </form>
{% endblock %}
{% block models_script %}
{% include 'admin/common/footer.html' %} <script type="module">
<script type="module">
import { RIGHTS_API } from '/static/api/http.js' import { RIGHTS_API } from '/static/api/http.js'
layui.use(['form', 'jquery', 'iconPicker', 'dtree'], function () { layui.use(['form', 'jquery', 'iconPicker', 'dtree'], function () {
@@ -104,7 +104,7 @@
skin: 'layui', skin: 'layui',
dataFormat: 'list', dataFormat: 'list',
response: { treeId: 'powerId', parentId: 'parentId', title: 'powerName' }, //修改response中返回数据的定义 response: { treeId: 'powerId', parentId: 'parentId', title: 'powerName' }, //修改response中返回数据的定义
selectInitVal: '0' selectInitVal: '0',
}) })
form.on('radio(powerType)', function () { form.on('radio(powerType)', function () {
@@ -145,7 +145,7 @@
} else { } else {
layer.msg(result.message, { icon: 2, time: 1000 }) layer.msg(result.message, { icon: 2, time: 1000 })
} }
} },
}) })
return false return false
}) })
@@ -164,9 +164,8 @@
// 点击回调 // 点击回调
click: function (data) { click: function (data) {
console.log(data) console.log(data)
} },
}) })
}) })
</script> </script>
</body> {% endblock %}
</html>
+18 -18
View File
@@ -1,11 +1,11 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html>
<head> {% block title %}
<title>权限编辑</title> <title>权限编辑</title>
{% include 'admin/common/header.html' %} {% endblock %}
</head>
<body> {% block body %}
<form class="layui-form" action=""> <form class="layui-form" action="">
<div class="mainBox"> <div class="mainBox">
<div class="main-container"> <div class="main-container">
<div class="layui-form-item layui-hide"> <div class="layui-form-item layui-hide">
@@ -82,7 +82,8 @@
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="button-container"> <div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="power-save"> <button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit=""
lay-filter="power-save">
<i class="layui-icon layui-icon-ok"></i> <i class="layui-icon layui-icon-ok"></i>
提交 提交
</button> </button>
@@ -92,12 +93,12 @@
</button> </button>
</div> </div>
</div> </div>
</form> </form>
{% endblock %}
{% include 'admin/common/footer.html' %} {% block models_script %}
<script type="module">
<script type="module">
import { RIGHTS_API } from '/static/api/http.js' import { RIGHTS_API } from '/static/api/http.js'
@@ -115,7 +116,7 @@
skin: 'layui', skin: 'layui',
dataFormat: 'list', dataFormat: 'list',
response: { treeId: 'powerId', parentId: 'parentId', title: 'powerName' }, response: { treeId: 'powerId', parentId: 'parentId', title: 'powerName' },
selectInitVal: "{{ power.parent_id }}" selectInitVal: "{{ power.parent_id }}",
}) })
form.on('radio(powerType)', function (data) { form.on('radio(powerType)', function (data) {
@@ -160,7 +161,7 @@
} else { } else {
layer.msg(result.message, { icon: 2, time: 1000 }) layer.msg(result.message, { icon: 2, time: 1000 })
} }
} },
}) })
return false return false
}) })
@@ -173,7 +174,7 @@
limit: 12, limit: 12,
click: function (data) { click: function (data) {
console.log(data) console.log(data)
} },
}) })
iconPicker.checkIcon('icon', "{{ icon }}") iconPicker.checkIcon('icon', "{{ icon }}")
@@ -201,6 +202,5 @@
window.init("{{ power.type }}") window.init("{{ power.type }}")
}) })
</script> </script>
</body> {% endblock %}
</html>
+21 -22
View File
@@ -1,10 +1,11 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html>
<head> {% block title %}
<title>角色管理</title> <title>角色管理</title>
{% include 'admin/common/header.html' %}</head> {% endblock %}
<body class="pear-container">
<div class="layui-card"> {% block body %}
<div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
<form class="layui-form" action=""> <form class="layui-form" action="">
<div class="layui-form-item"> <div class="layui-form-item">
@@ -27,17 +28,16 @@
</div> </div>
</form> </form>
</div> </div>
</div> </div>
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
<table id="tables" lay-filter="tables"></table> <table id="tables" lay-filter="tables"></table>
</div> </div>
</div> </div>
{% endblock %}
{% include 'admin/common/footer.html' %} {% block models_script %}
<script type="text/html" id="toolbar">
<script type="text/html" id="toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="toolbar-add"> <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="toolbar-add">
<i class="layui-icon layui-icon-add-1"></i> <i class="layui-icon layui-icon-add-1"></i>
新增 新增
@@ -46,8 +46,8 @@
<i class="layui-icon layui-icon-delete"></i> <i class="layui-icon layui-icon-delete"></i>
删除 删除
</button> </button>
</script> </script>
<script type="text/html" id="tool"> <script type="text/html" id="tool">
<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="tool-edit"><i <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="tool-edit"><i
class="layui-icon layui-icon-edit"></i> class="layui-icon layui-icon-edit"></i>
</button> </button>
@@ -57,13 +57,13 @@
<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="tool-remove"><i <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="tool-remove"><i
class="layui-icon layui-icon-delete"></i> class="layui-icon layui-icon-delete"></i>
</button> </button>
</script> </script>
<script type="text/html" id="tool-switch"> <script type="text/html" id="tool-switch">
<input type="checkbox" name="enable" value="{{ "{{d.id}}" }}" lay-skin="switch" lay-text="启用|禁用" <input type="checkbox" name="enable" value="{{ "{{d.id}}" }}" lay-skin="switch" lay-text="启用|禁用"
lay-filter="tool-switch" {{ "{{# if(d.enable==1){ }} checked {{# } }}" }}> lay-filter="tool-switch" {{ "{{# if(d.enable==1){ }} checked {{# } }}" }}>
</script> </script>
<script type="module"> <script type="module">
import { ROLE_API, parserTableData as parseData } from '/static/api/http.js' import { ROLE_API, parserTableData as parseData } from '/static/api/http.js'
layui.use(['table', 'form', 'jquery', 'popup', 'common'], function () { layui.use(['table', 'form', 'jquery', 'popup', 'common'], function () {
@@ -250,6 +250,5 @@
} }
}) })
</script> </script>
</body> {% endblock %}
</html>
+14 -14
View File
@@ -1,10 +1,10 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html> {% block title %}
<head>
<title>角色新增</title> <title>角色新增</title>
{% include 'admin/common/header.html' %}</head> {% endblock %}
<body>
<form class="layui-form" action=""> {% block body %}
<form class="layui-form" action="">
<div class="mainBox"> <div class="mainBox">
<div class="main-container"> <div class="main-container">
<div class="layui-form-item"> <div class="layui-form-item">
@@ -45,7 +45,8 @@
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="button-container"> <div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="role-save"> <button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit=""
lay-filter="role-save">
<i class="layui-icon layui-icon-ok"></i> <i class="layui-icon layui-icon-ok"></i>
提交 提交
</button> </button>
@@ -55,12 +56,12 @@
</button> </button>
</div> </div>
</div> </div>
</form> </form>
{% endblock %}
{% include 'admin/common/footer.html' %} {% block models_script %}
<script type="module">
<script type="module">
import { ROLE_API } from '/static/api/http.js' import { ROLE_API } from '/static/api/http.js'
layui.use(['form', 'jquery'], function () { layui.use(['form', 'jquery'], function () {
@@ -88,6 +89,5 @@
return false return false
}) })
}) })
</script> </script>
</body> {% endblock %}
</html>
+13 -14
View File
@@ -1,10 +1,10 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html> {% block title %}
<head>
<title>角色编辑</title> <title>角色编辑</title>
{% include 'admin/common/header.html' %}</head> {% endblock %}
<body>
<form class="layui-form" action=""> {% block body %}
<form class="layui-form" action="">
<div class="mainBox"> <div class="mainBox">
<div class="main-container"> <div class="main-container">
<div class="main-container"> <div class="main-container">
@@ -69,12 +69,12 @@
</button> </button>
</div> </div>
</div> </div>
</form> </form>
{% endblock %}
{% include 'admin/common/footer.html' %} {% block models_script %}
<script type="module">
<script type="module">
import { ROLE_API } from '/static/api/http.js' import { ROLE_API } from '/static/api/http.js'
@@ -98,11 +98,10 @@
} else { } else {
layer.msg(result.message, { icon: 2, time: 1000 }) layer.msg(result.message, { icon: 2, time: 1000 })
} }
} },
}) })
return false return false
}) })
}) })
</script> </script>
</body> {% endblock %}
</html>
+15 -15
View File
@@ -1,10 +1,10 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html> {% block title %}
<head>
<title>角色授权</title> <title>角色授权</title>
{% include 'admin/common/header.html' %}</head> {% endblock %}
<body>
<form class="layui-form" action=""> {% block body %}
<form class="layui-form" action="">
<div class="mainBox"> <div class="mainBox">
<div class="main-container"> <div class="main-container">
<div class="main-container"> <div class="main-container">
@@ -14,7 +14,8 @@
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="button-container"> <div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="power-save"> <button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit=""
lay-filter="power-save">
<i class="layui-icon layui-icon-ok"></i> <i class="layui-icon layui-icon-ok"></i>
提交 提交
</button> </button>
@@ -24,12 +25,12 @@
</button> </button>
</div> </div>
</div> </div>
</form> </form>
{% endblock %}
{% include 'admin/common/footer.html' %} {% block models_script %}
<script type="module">
<script type="module">
import { ROLE_API } from '/static/api/http.js' import { ROLE_API } from '/static/api/http.js'
@@ -74,12 +75,11 @@
} else { } else {
layer.msg(result.message, { icon: 2, time: 1000 }) layer.msg(result.message, { icon: 2, time: 1000 })
} }
} },
}) })
return false return false
}) })
}) })
</script> </script>
</body> {% endblock %}
</html>
+28 -24
View File
@@ -1,17 +1,18 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html>
<head> {% block title %}
<title>个人中心</title> <title>个人中心</title>
{% include 'admin/common/header.html' %}
<style> <style>
.layui-form-item { .layui-form-item {
margin-top: 17px !important; margin-top: 17px !important;
margin-bottom: 17px !important; margin-bottom: 17px !important;
} }
</style> </style>
</head> {% endblock %}
<body class="pear-container">
<div class="layui-row layui-col-space10">
{% block body %}
<div class="layui-row layui-col-space10">
{# 左侧栏 #} {# 左侧栏 #}
<div class="layui-col-md3"> <div class="layui-col-md3">
{# 个人信息卡片 #} {# 个人信息卡片 #}
@@ -122,7 +123,8 @@
<div class="content"> <div class="content">
“Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处,在于理解了Git的精髓。”来一句我们程序员们接地气的话:分享是一种快乐~ “Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处,在于理解了Git的精髓。”来一句我们程序员们接地气的话:分享是一种快乐~
</div> </div>
<div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12 转发 <div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12
转发
4 4
</div> </div>
</div> </div>
@@ -137,7 +139,8 @@
<div class="content"> <div class="content">
“Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处,在于理解了Git的精髓。”来一句我们程序员们接地气的话:分享是一种快乐~ “Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处,在于理解了Git的精髓。”来一句我们程序员们接地气的话:分享是一种快乐~
</div> </div>
<div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12 转发 <div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12
转发
4 4
</div> </div>
</div> </div>
@@ -152,7 +155,8 @@
<div class="content"> <div class="content">
“Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处,在于理解了Git的精髓。”来一句我们程序员们接地气的话:分享是一种快乐~ “Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处,在于理解了Git的精髓。”来一句我们程序员们接地气的话:分享是一种快乐~
</div> </div>
<div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12 转发 <div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12
转发
4 4
</div> </div>
</div> </div>
@@ -167,7 +171,8 @@
<div class="content"> <div class="content">
“Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处,在于理解了Git的精髓。”来一句我们程序员们接地气的话:分享是一种快乐~ “Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处,在于理解了Git的精髓。”来一句我们程序员们接地气的话:分享是一种快乐~
</div> </div>
<div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12 转发 <div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12
转发
4 4
</div> </div>
</div> </div>
@@ -178,9 +183,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<form id="edit_password_view" class="layui-form" action="" style="display: none"> <form id="edit_password_view" class="layui-form" action="" style="display: none">
<div class="mainBox"> <div class="mainBox">
<div class="main-container"> <div class="main-container">
<div class="main-container"> <div class="main-container">
@@ -230,12 +235,12 @@
</button> </button>
</div> </div>
</div> </div>
</form> </form>
{% endblock %}
{% include 'admin/common/footer.html' %} {% block models_script %}
<script type="module">
<script type="module">
import { USER_API } from '/static/api/http.js' import { USER_API } from '/static/api/http.js'
layui.use(['element', 'jquery', 'layer', 'form', 'popup'], function () { layui.use(['element', 'jquery', 'layer', 'form', 'popup'], function () {
@@ -251,7 +256,7 @@
title: '修改密码', title: '修改密码',
shade: 0.1, shade: 0.1,
area: ['550px', '280px'], area: ['550px', '280px'],
content: $('#edit_password_view') content: $('#edit_password_view'),
}) })
return false return false
}) })
@@ -267,7 +272,7 @@
btn: ['确定', '取消'], btn: ['确定', '取消'],
yes: function (index, layero) { yes: function (index, layero) {
window['layui-layer-iframe' + index].submitForm() window['layui-layer-iframe' + index].submitForm()
} },
}) })
}) })
@@ -285,7 +290,7 @@
} else { } else {
layer.msg('修改失败', { icon: 2, time: 1000 }) layer.msg('修改失败', { icon: 2, time: 1000 })
} }
} },
}) })
return false return false
}) })
@@ -307,11 +312,10 @@
} else { } else {
popup.failure(result.message) popup.failure(result.message)
} }
} },
}) })
return false return false
}) })
}) })
</script> </script>
</body> {% endblock %}
</html>
+21 -23
View File
@@ -1,11 +1,11 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html>
<head> {% block title %}
<title>头像上传</title> <title>头像上传</title>
{% include 'admin/common/header.html' %} {% endblock %}
</head>
<body class="pear-container"> {% block body %}
<div class="layui-row layui-col-space15"> <div class="layui-row layui-col-space15">
<div class="layui-col-xs9"> <div class="layui-col-xs9">
<div style="height:325px;background-color: rgb(247, 247, 247);"> <div style="height:325px;background-color: rgb(247, 247, 247);">
<img id="sourceImage" src=""> <img id="sourceImage" src="">
@@ -16,8 +16,8 @@
style="width:210px;height:210px;border: 1px solid rgb(200, 200, 200);border-radius: 50%;overflow:hidden;"> style="width:210px;height:210px;border: 1px solid rgb(200, 200, 200);border-radius: 50%;overflow:hidden;">
</div> </div>
</div> </div>
</div> </div>
<div class="layui-row"> <div class="layui-row">
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-inline layui-btn-container" style="width: auto;vertical-align:top;"> <div class="layui-input-inline layui-btn-container" style="width: auto;vertical-align:top;">
<button class="pear-btn pear-btn-sm pear-btn-primary layui-icon layui-icon-left" cropper-event="rotate" <button class="pear-btn pear-btn-sm pear-btn-primary layui-icon layui-icon-left" cropper-event="rotate"
@@ -33,10 +33,12 @@
<div class="layui-form-mid layui-word-aux">建议:图片的尺寸宽高比为1:1,大小在5m以内。</div> <div class="layui-form-mid layui-word-aux">建议:图片的尺寸宽高比为1:1,大小在5m以内。</div>
<input type="text" hidden value="{{ current_user.id }}" id="user_id"> <input type="text" hidden value="{{ current_user.id }}" id="user_id">
</div> </div>
</div> </div>
{% endblock %}
{% include 'admin/common/footer.html' %}
<script type="module"> {% block models_script %}
<script type="module">
import { USER_API } from '/static/api/http.js' import { USER_API } from '/static/api/http.js'
layui.use(['jquery', 'layer', 'cropper', 'popup'], function () { layui.use(['jquery', 'layer', 'cropper', 'popup'], function () {
@@ -48,7 +50,7 @@
let options = { let options = {
aspectRatio: 1 / 1, // 裁剪框比例 aspectRatio: 1 / 1, // 裁剪框比例
preview: '#previewImage', // 预览div preview: '#previewImage', // 预览div
viewmode: 1 viewmode: 1,
} }
$('#sourceImage').attr('src', parent.layui.$('#avatar').attr('src')) $('#sourceImage').attr('src', parent.layui.$('#avatar').attr('src'))
@@ -58,7 +60,7 @@
$('#sourceImage').crossOrigin = 'anonymous'//解决跨域图片问题 $('#sourceImage').crossOrigin = 'anonymous'//解决跨域图片问题
$('#sourceImage').cropper('getCroppedCanvas', { $('#sourceImage').cropper('getCroppedCanvas', {
width: 280, width: 280,
height: 140 height: 140,
}).toBlob(function (blob) { }).toBlob(function (blob) {
let timeStamp = Date.parse(new Date()) let timeStamp = Date.parse(new Date())
let fileName = timeStamp + '.jpg' let fileName = timeStamp + '.jpg'
@@ -90,12 +92,12 @@
} else { } else {
popup.failure('上传失败') popup.failure('上传失败')
} }
} },
}) })
} else { } else {
popup.failure('上传失败') popup.failure('上传失败')
} }
} },
}) })
}) })
} }
@@ -118,14 +120,10 @@
} }
r.readAsDataURL(f) r.readAsDataURL(f)
r.onload = function (e) { r.onload = function (e) {
$('#sourceImage') $('#sourceImage').cropper('destroy').attr('src', this.result).cropper(options)
.cropper('destroy')
.attr('src', this.result)
.cropper(options)
} }
}) })
}) })
}) })
</script> </script>
</body> {% endblock %}
</html>
+36 -37
View File
@@ -1,13 +1,14 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html lang="en">
<head> {% block title %}
<title>用户管理</title> <title>用户管理</title>
{% include 'admin/common/header.html' %} <link rel="stylesheet" href="/static/admin/admin/css/other/user.css"/>
<link rel="stylesheet" href="{{ url_for('static', filename='/admin/admin/css/other/user.css') }}"/> {% endblock %}
</head>
<body class="pear-container">
{# 查询表单 #} {% block body %}
<div class="layui-card"> {# 查询表单 #}
<div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
<form class="layui-form" action="" lay-filter="user-query-form"> <form class="layui-form" action="" lay-filter="user-query-form">
<div class="layui-form-item"> <div class="layui-form-item">
@@ -30,8 +31,8 @@
</div> </div>
</form> </form>
</div> </div>
</div> </div>
<div class="user-left user-collasped"> <div class="user-left user-collasped">
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
<div class="button button-primary user-group" user-group=""> 全 部 用 户</div> <div class="button button-primary user-group" user-group=""> 全 部 用 户</div>
@@ -41,21 +42,20 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{# 用户表格 #} {# 用户表格 #}
<div class="user-main user-collasped"> <div class="user-main user-collasped">
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
<table id="tables" lay-filter="tables"></table> <table id="tables" lay-filter="tables"></table>
</div> </div>
</div> </div>
</div> </div>
{% endblock %}
{% block models_script %}
{% include 'admin/common/footer.html' %} {# 表格操作 #}
<script type="text/html" id="toolbar">
{# 表格操作 #}
<script type="text/html" id="toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="toolbar-add"> <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="toolbar-add">
<i class="pear-icon pear-icon-add"></i> <i class="pear-icon pear-icon-add"></i>
新增 新增
@@ -68,32 +68,32 @@
<i class="pear-icon pear-icon-modular"></i> <i class="pear-icon pear-icon-modular"></i>
高级 高级
</button> </button>
</script> </script>
{# 用户修改操作 #} {# 用户修改操作 #}
<script type="text/html" id="tool"> <script type="text/html" id="tool">
<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="tool-edit"> <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="tool-edit">
<i class="pear-icon pear-icon-edit"></i> <i class="pear-icon pear-icon-edit"></i>
</button> </button>
<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="tool-remove"> <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="tool-remove">
<i class="pear-icon pear-icon-ashbin"></i> <i class="pear-icon pear-icon-ashbin"></i>
</button> </button>
</script> </script>
{# 启动与禁用 #} {# 启动与禁用 #}
<script type="text/html" id="tool-switch"> <script type="text/html" id="tool-switch">
<input type="checkbox" name="enable" value="{{ "{{ d.id }}" }}" lay-skin="switch" lay-text="启用|禁用" <input type="checkbox" name="enable" value="{{ "{{ d.id }}" }}" lay-skin="switch" lay-text="启用|禁用"
lay-filter="tool-switch" lay-filter="tool-switch"
{{ "{{# if(d.enable==1){ }} checked {{# } }}" }} /> {{ "{{# if(d.enable==1){ }} checked {{# } }}" }} />
</script> </script>
{# 用户注册时间 #} {# 用户注册时间 #}
<script type="text/html" id="user-createTime"> <script type="text/html" id="user-createTime">
{{ ' {{layui.util.toDateString(d.create_at, "yyyy-MM-dd HH:mm:ss")}' |safe }}} {{ ' {{layui.util.toDateString(d.create_at, "yyyy-MM-dd HH:mm:ss")}' |safe }}}
</script> </script>
{# 用户更新时间 #} {# 用户更新时间 #}
<script type="text/html" id="user-updateTime"> <script type="text/html" id="user-updateTime">
{{ ' {{layui.util.toDateString(d.update_at, "yyyy-MM-dd HH:mm:ss")}' |safe }}} {{ ' {{layui.util.toDateString(d.update_at, "yyyy-MM-dd HH:mm:ss")}' |safe }}}
</script> </script>
<script type="module"> <script type="module">
import { USER_API, ROLE, parserTableData as parseData } from '/static/api/http.js' import { USER_API, ROLE, parserTableData as parseData } from '/static/api/http.js'
layui.use(['table', 'dtree', 'form', 'jquery', 'popup', 'common'], function () { layui.use(['table', 'dtree', 'form', 'jquery', 'popup', 'common'], function () {
@@ -311,6 +311,5 @@
} }
}) })
</script> </script>
</body> {% endblock %}
</html>
+15 -16
View File
@@ -1,11 +1,10 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<html> {% block title %}
<head>
<title>用户管理</title> <title>用户管理</title>
{% include 'admin/common/header.html' %} {% endblock %}
</head>
<body> {% block body %}
<form class="layui-form"> <form class="layui-form">
<div class="mainBox"> <div class="mainBox">
<div class="main-container"> <div class="main-container">
<div class="main-container"> <div class="main-container">
@@ -48,7 +47,8 @@
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="button-container"> <div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="user-save"> <button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit=""
lay-filter="user-save">
<i class="layui-icon layui-icon-ok"></i> <i class="layui-icon layui-icon-ok"></i>
提交 提交
</button> </button>
@@ -58,9 +58,11 @@
</button> </button>
</div> </div>
</div> </div>
</form> </form>
{% include 'admin/common/footer.html' %} {% endblock %}
<script type="module">
{% block models_script %}
<script type="module">
import { USER_API } from '/static/api/http.js' import { USER_API } from '/static/api/http.js'
layui.use(['form', 'jquery'], function () { layui.use(['form', 'jquery'], function () {
@@ -94,8 +96,5 @@
return false return false
}) })
}) })
</script> </script>
<script> {% endblock %}
</script>
</body>
</html>
+18 -19
View File
@@ -1,12 +1,11 @@
<!DOCTYPE html> {% extends 'admin/base.html' %}
<!DOCTYPE html> {% block title %}
<html lang="en">
<head>
<title>用户编辑</title> <title>用户编辑</title>
{% include 'admin/common/header.html' %} {% endblock %}
</head>
<body>
<form class="layui-form" action=""> {% block body %}
<form class="layui-form" action="">
<div class="mainBox"> <div class="mainBox">
<div class="main-container"> <div class="main-container">
<div class="main-container"> <div class="main-container">
@@ -57,7 +56,8 @@
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="button-container"> <div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="user-update"> <button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit=""
lay-filter="user-update">
<i class="layui-icon layui-icon-ok"></i> <i class="layui-icon layui-icon-ok"></i>
提交 提交
</button> </button>
@@ -67,12 +67,11 @@
</button> </button>
</div> </div>
</div> </div>
</form> </form>
{% endblock %}
{% block models_script %}
{% include 'admin/common/footer.html' %} <script type="module">
<script type="module">
import { USER_API } from '/static/api/http.js' import { USER_API } from '/static/api/http.js'
layui.use(['form', 'jquery', 'dtree'], function () { layui.use(['form', 'jquery', 'dtree'], function () {
@@ -88,8 +87,9 @@
skin: 'layui', skin: 'layui',
dataFormat: 'list', dataFormat: 'list',
response: { treeId: 'deptId', parentId: 'parentId', title: 'deptName' }, response: { treeId: 'deptId', parentId: 'parentId', title: 'deptName' },
selectInitVal: "{{ user.dept_id }}" selectInitVal: "{{ user.dept_id }}",
}) })
form.on('submit(user-update)', function (data) { form.on('submit(user-update)', function (data) {
let roleIds = '' let roleIds = ''
$('input[type=checkbox]:checked').each(function () { $('input[type=checkbox]:checked').each(function () {
@@ -112,11 +112,10 @@
} else { } else {
layer.msg(result.message, { icon: 2, time: 1000 }) layer.msg(result.message, { icon: 2, time: 1000 })
} }
} },
}) })
return false return false
}) })
}) })
</script> </script>
</body> {% endblock %}
</html>