style(jinja2):修改模板的复用方式

2022-05-24 18:53:37 +08:00
parent d54eb4dc3e
commit 9fc2eb0ae3
24 changed files with 2954 additions and 2963 deletions
@@ -1,82 +1,84 @@
-{% extends 'admin/base.html' %}
-{% block title %}
+<!doctype html>
+<html lang="zh-CN">
+<head>
    <title>角色授权</title>
-{% endblock %}
+    {% include 'admin/common/header.html' %}
+</head>

-{% block body %}
-    <form class="layui-form" action="">
-        <div class="mainBox">
+<body class="pear-container">
+<form class="layui-form" action="">
+    <div class="mainBox">
+        <div class="main-container">
            <div class="main-container">
-                <div class="main-container">
-                    <ul id="role-power" class="dtree" data-id="0"></ul>
-                </div>
+                <ul id="role-power" class="dtree" data-id="0"></ul>
            </div>
        </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">
-                    <i class="layui-icon layui-icon-ok"></i>
-                    提交
-                </button>
-                <button type="reset" class="pear-btn pear-btn-sm">
-                    <i class="layui-icon layui-icon-refresh"></i>
-                    重置
-                </button>
-            </div>
+    </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">
+                <i class="layui-icon layui-icon-ok"></i>
+                提交
+            </button>
+            <button type="reset" class="pear-btn pear-btn-sm">
+                <i class="layui-icon layui-icon-refresh"></i>
+                重置
+            </button>
        </div>
-    </form>
-{% endblock %}
+    </div>
+</form>


-{% block models_script %}
-    <script>
-      layui.use(['dtree', 'form', 'jquery'], function () {
-        let dtree = layui.dtree
-        let form = layui.form
-        let $ = layui.jquery
+{% include 'admin/common/footer.html' %}
+<script>
+  layui.use(['dtree', 'form', 'jquery'], function() {
+    let dtree = layui.dtree;
+    let form = layui.form;
+    let $ = layui.jquery;

-        dtree.render({
-          elem: '#role-power',
-          method: 'get',
-          url: '/api/v1/roles/role_power/' + {{ role_id }}, /*最后是 jianja2 语法*/
-          dataFormat: 'list',
-          checkbar: true,
-          skin: 'layui',
-          initLevel: '1',
-          checkbarType: 'self',
-          response: { treeId: 'powerId', parentId: 'parentId', title: 'powerName' },
-        })
+    dtree.render({
+      elem: '#role-power',
+      method: 'get',
+      url: '/api/v1/roles/role_power/' + {{ role_id }}, /*最后是 jianja2 语法*/
+      dataFormat: 'list',
+      checkbar: true,
+      skin: 'layui',
+      initLevel: '1',
+      checkbarType: 'self',
+      response: {treeId: 'powerId', parentId: 'parentId', title: 'powerName'},
+    });

-        form.on('submit(power-save)', function (data) {
-          let param = dtree.getCheckbarNodesParam('role-power')
-          let ids = ''
-          for (let i = 0; i < param.length; i++) {
-            let id = param[i].nodeId
-            ids += id + ','
+    form.on('submit(power-save)', function(data) {
+      let param = dtree.getCheckbarNodesParam('role-power');
+      let ids = '';
+      for (let i = 0; i < param.length; i++) {
+        let id = param[i].nodeId;
+        ids += id + ',';
+      }
+      ids = ids.substr(0, ids.length - 1);
+      data.field.roleId = {{role_id}};
+      data.field.powerIds = ids;
+
+      $.ajax({
+        url: '/api/v1/roles/role_power/' + data.field.roleId,
+        data: data.field,
+        dataType: 'json',
+        type: 'put',
+        success: function(result) {
+          if (result.success) {
+            layer.msg(result.message, {icon: 1, time: 1000}, function() {
+              parent.layer.close(parent.layer.getFrameIndex(window.name));
+            });
+          } else {
+            layer.msg(result.message, {icon: 2, time: 1000});
          }
-          ids = ids.substr(0, ids.length - 1)
-          data.field.roleId = {{role_id}};
-          data.field.powerIds = ids
+        },
+      });
+      return false;
+    });

-          $.ajax({
-            url: '/api/v1/roles/role_power/' + data.field.roleId,
-            data: data.field,
-            dataType: 'json',
-            type: 'put',
-            success: function (result) {
-              if (result.success) {
-                layer.msg(result.message, { icon: 1, time: 1000 }, function () {
-                  parent.layer.close(parent.layer.getFrameIndex(window.name))
-                })
-              } else {
-                layer.msg(result.message, { icon: 2, time: 1000 })
-              }
-            },
-          })
-          return false
-        })
-
-      })
-    </script>
-{% endblock %}
+  });
+</script>
+</body>
+</html>