bwadmin/pear-admin-flask
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

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