Bladeren bron

完善编辑页面

tianyunperfect 5 jaren geleden
bovenliggende
commit
3145c9c345
3 gewijzigde bestanden met toevoegingen van 160 en 5 verwijderingen
  1. 6 4
      pages/logAnalyze/FieldQuery.html
  2. 153 0
      pages/logAnalyze/edit.html
  3. 1 1
      static/js/admin.js

+ 6 - 4
pages/logAnalyze/FieldQuery.html

@@ -63,7 +63,7 @@
                 <span class="fr" style="line-height:40px">共有数据:<span id="total">0</span> 条</span>
             </div>
             <!--表格-->
-            <table class="layui-hide" id="table" lay-filter="test"></table>
+            <table class="layui-table" id="memberList" lay-filter="test"></table>
 
             <script type="text/html" id="barDemo">
                 <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
@@ -81,6 +81,7 @@
 
 </body>
 <script>
+
     let $ = layui.jquery;
     let table = layui.table;
     let queryData = {
@@ -140,7 +141,7 @@
      * 初始化查询表格
      */
     table.render({
-        elem: '#table',
+        elem: '#memberList',
         id: "id" // 单行唯一标识
         , height: "auto"
         , url: app.baseUrl + "/api/log/query" //数据接口
@@ -192,8 +193,9 @@
                 //向服务端发送删除指令
             });
         } else if(layEvent === 'edit'){ //编辑
-            //do something
-            WeAdminEdit('编辑', '../member/edit.html', 1, 600, 400);
+            //do something,第三个参数传递当前行的id,在此没有意义,因为数据传递使用localstorage
+            localStorage.setItem('td', JSON.stringify(data));
+            WeAdminEdit('编辑', './edit.html', 1, 600, 400);
         }
     });
 

+ 153 - 0
pages/logAnalyze/edit.html

@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>会员资料编辑-WeAdmin Frame型后台管理系统-WeAdmin 1.0</title>
+    <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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="../../static/css/font.css">
+    <link rel="stylesheet" href="../../static/css/weadmin.css">
+    <!-- 让IE8/9支持媒体查询,从而兼容栅格 -->
+    <!--[if lt IE 9]>
+    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
+    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
+    <![endif]-->
+</head>
+
+<body>
+<div class="weadmin-body">
+    <form class="layui-form">
+        <div class="layui-form-item">
+            <label for="L_username" class="layui-form-label">
+                <span class="we-red">*</span>登录名
+            </label>
+            <div class="layui-input-inline">
+                <input type="text" id="L_username" name="username" lay-verify="required|nikename" autocomplete="off"
+                       class="layui-input">
+            </div>
+            <div class="layui-form-mid layui-word-aux">
+                请设置至少5个字符,将会成为您唯一的登录名
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label for="L_sex" class="layui-form-label">性别</label>
+            <div class="layui-input-block" id="L_sex">
+                <input type="radio" name="sex" value="男" title="男" checked>
+                <input type="radio" name="sex" value="女" title="女">
+                <input type="radio" name="sex" value="未知" title="未知">
+            </div>
+        </div>
+
+        <div class="layui-form-item">
+            <label for="L_email" class="layui-form-label">
+                <span class="we-red">*</span>手机
+            </label>
+            <div class="layui-input-inline">
+                <input type="text" id="L_phone" name="phone" lay-verify="required|phone" autocomplete=""
+                       class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label for="L_email" class="layui-form-label">
+                <span class="we-red">*</span>邮箱
+            </label>
+            <div class="layui-input-inline">
+                <input type="text" id="L_email" name="email" lay-verify="email" autocomplete="off" class="layui-input">
+            </div>
+
+        </div>
+        <div class="layui-form-item">
+            <label for="L_address" class="layui-form-label">
+                <span class="we-red"></span>地址
+            </label>
+            <div class="layui-input-inline">
+                <input type="text" id="L_address" name="address" autocomplete="off" class="layui-input">
+            </div>
+
+        </div>
+        <div class="layui-form-item">
+            <label for="L_pass" class="layui-form-label">
+                <span class="we-red">*</span>密码
+            </label>
+            <div class="layui-input-inline">
+                <input type="password" id="L_pass" name="pass" autocomplete="off" class="layui-input">
+            </div>
+            <div class="layui-form-mid layui-word-aux">
+                6到16个字符
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label for="L_repass" class="layui-form-label">
+                <span class="we-red">*</span>确认密码
+            </label>
+            <div class="layui-input-inline">
+                <input type="password" id="L_repass" name="repass" autocomplete="off" class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label for="L_repass" class="layui-form-label">
+            </label>
+            <button class="layui-btn" lay-filter="add" lay-submit="">确定</button>
+            <input type="hidden" name="dataId" id="dataId" value=""/>
+        </div>
+    </form>
+</div>
+<script src="../../lib/layui/layui.js" charset="utf-8"></script>
+<script type="text/javascript">
+    layui.extend({
+        admin: '{/}../../static/js/admin'
+    });
+    layui.use(['form', 'jquery', 'admin', 'layer'], function () {
+        var form = layui.form,
+            $ = layui.jquery,
+            admin = layui.admin,
+            layer = layui.layer;
+
+        //自定义验证规则
+        form.verify({
+            nikename: function (value) {
+                if (value.length < 5) {
+                    return '昵称至少得5个字符啊';
+                }
+            }
+        });
+        //页面初始化加载
+        $(function () {
+            setTimeout(function () {
+                frameVal();
+            }, 100);
+        });
+
+        function frameVal() {
+            let td = JSON.parse(localStorage.getItem('td'));
+            localStorage.removeItem('td');
+            if (!td) {
+                return;
+            }
+            $('input[name="username"]').val(td.app_key);
+            form.render();
+        }
+
+        //监听提交
+        form.on('submit(add)', function (data) {
+            console.log(data);
+            //发异步,把数据提交给php
+            layer.alert("增加成功", {
+                icon: 6
+            }, function () {
+                // 获得frame索引
+                var index = parent.layer.getFrameIndex(window.name);
+                //关闭当前frame
+                parent.layer.close(index);
+            });
+            return false;
+        });
+
+    });
+</script>
+</body>
+
+</html>

+ 1 - 1
static/js/admin.js

@@ -352,7 +352,7 @@ layui.define(['jquery', 'form', 'layer', 'element'], function(exports) {
 				//向iframe页的id=house的元素传值  // 参考 https://yq.aliyun.com/ziliao/133150
 				var body = layer.getChildFrame('body', index);
 				body.contents().find("#dataId").val(id);
-				console.log(id);
+				// console.log(id);
 			},
 			error: function(layero, index) {
 				alert("aaa");