<!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">
<script src="../../lib/layui/layui.js" charset="utf-8"></script>
<!-- 让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 class="layui-form-label">
<span class="we-red">*</span>订单编号
</label>
<div class="layui-input-inline">
<input type="text" name="username" required="" lay-verify="required" autocomplete="off"
class="layui-input"
value="39000" readonly>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">
<span class="we-red">*</span>收货人
</label>
<div class="layui-input-inline">
<input type="text" name="username" required="" lay-verify="required" autocomplete="off"
class="layui-input" value="大娃" readonly>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">
<span class="we-red">*</span>管理员
</label>
<div class="layui-input-inline">
<input type="text" name="username" required="" lay-verify="required" autocomplete="off"
class="layui-input" value="admin" readonly>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">
<span class="we-red">*</span>收货地址
</label>
<div class="layui-input-inline">
<input type="text" name="username" required="" lay-verify="required" autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">
<span class="we-red">*</span>订单状态
</label>
<div class="layui-input-inline">
<select name="contrller">
<option>待发货</option>
<option>已发货</option>
<option>已收货</option>
</select>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label for="desc" class="layui-form-label">商品增加
<a class="layui-btn layui-btn-sm layui-btn-primary" onclick="addTable();"><i
class="layui-icon"></i> 添加</a>
</label>
<div class="layui-input-block">
<table class="layui-table" id="myTable">
<thead>
<tr>
<th>id</th>
<th>商品名称</th>
<th>单价</th>
<th>数量</th>
<th>总价</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>小米MIX2</td>
<td>4699</td>
<td>1</td>
<td>4699</td>
<td>
<a style="cursor: pointer; color: blue;" onclick="removeTr(1)">删除</a>
</td>
</tr>
<tr>
<td>2</td>
<td>小米Note3</td>
<td>2399</td>
<td>1</td>
<td>2399</td>
<td>
<a style="cursor: pointer; color: blue;" onclick="removeTr(2)">删除</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label for="desc" class="layui-form-label">描述</label>
<div class="layui-input-block">
<textarea placeholder="请输入内容" id="desc" name="desc" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">
</label>
<button class="layui-btn" lay-filter="add" lay-submit="">增加</button>
</div>
</form>
</div>
<script>
layui.extend({
admin: '{/}../../static/js/admin'
});
layui.use(['form', 'admin', 'jquery', 'table', 'layer'], function () {
var form = layui.form,
admin = layui.admin,
$ = layui.jquery,
table = layui.table,
layer = layui.layer;
//监听提交
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;
});
var num = 3;
//删除行
function removeTr(trNum) {
$("#tr" + trNum).remove();
}
window.addTable = function () {
var tableHtml = "";
tableHtml += '<tr id="tr' + num + '">' +
'<td>' + num + '</td>' +
'<td><div class="layui-input-inline"><input type="text" name="canshu1" class="layui-input"></div></td>' +
'<td><div class="layui-input-inline"><input type="text" name="canshu2" class="layui-input"></div></td>' +
'<td><div class="layui-input-inline"><input type="text" name="canshu3" class="layui-input"></div></td>' +
'<td><div class="layui-input-inline"><input type="text" name="canshu4" class="layui-input"></div></td>' +
'<td><a style="cursor: pointer; color: blue;" onclick="removeTr(' + num + ')">删除</a>' +
'</td>' +
'</tr>';
// tableHtml +='<tr>'+
// '<td>2</td>'+
// '<td>haier海尔 BC-93TMPF 93升单门冰箱</td>'+
// '<td>0.01</td>'+
// '<td>984</td>'+
// '<td>9.84</td>'+
// '<td><a style="cursor: pointer; color: blue;" onclick="removeTr(2)">删除</a></td>'+
// '</tr>';
var elements = $("#myTable").children().length; //表示id为“mtTable”的标签下的子标签的个数
$("#myTable").children().eq(elements - 1).after(tableHtml); //在表头之后添加空白行
num++;
}
});
</script>
</body>
</html>
小米商城后端管理系统前端框架模板
119 浏览量
2024-06-19
20:20:11
上传
评论
收藏 1.37MB ZIP 举报
小米商城后端管理系统前端框架模板 （243个子文件） 
layui.css 58KB layui.css 50KB layer.css 14KB layer.css 14KB weadmin.css 11KB layui.mobile.css 10KB layui.mobile.css 10KB laydate.css 7KB laydate.css 7KB code.css 1KB code.css 1KB font.css 505B iconfont.eot 48KB iconfont.eot 38KB iconfont.eot 32KB
59.gif 10KB 59.gif 10KB 22.gif 10KB 22.gif 10KB 24.gif 8KB 24.gif 8KB 13.gif 7KB 13.gif 7KB 16.gif 7KB 16.gif 7KB 39.gif 6KB 39.gif 6KB 64.gif 6KB 64.gif 6KB 63.gif 6KB 63.gif 6KB 50.gif 6KB 50.gif 6KB loading-0.gif 6KB loading-0.gif 6KB 4.gif 6KB 4.gif 6KB 1.gif 5KB 1.gif 5KB 42.gif 5KB 42.gif 5KB 71.gif 5KB 71.gif 5KB 21.gif 5KB 21.gif 5KB 20.gif 5KB 20.gif 5KB 29.gif 5KB 29.gif 5KB 70.gif 4KB 70.gif 4KB 5.gif 4KB 5.gif 4KB 17.gif 4KB 17.gif 4KB 27.gif 4KB 27.gif 4KB 9.gif 4KB 9.gif 4KB 44.gif 4KB 44.gif 4KB 11.gif 4KB 11.gif 4KB 8.gif 4KB 8.gif 4KB 3.gif 4KB 3.gif 4KB 23.gif 4KB 23.gif 4KB 34.gif 4KB 34.gif 4KB 41.gif 4KB 41.gif 4KB 38.gif 4KB 38.gif 4KB 65.gif 3KB 65.gif 3KB 32.gif 3KB 32.gif 3KB 45.gif 3KB 45.gif 3KB 7.gif 3KB 7.gif 3KB 12.gif 3KB 12.gif 3KB 26.gif 3KB 26.gif 3KB 60.gif 3KB 60.gif 3KB 2.gif 3KB 2.gif 3KB 40.gif 3KB 40.gif 3KB 25.gif 3KB 25.gif 3KB 19.gif 3KB 19.gif 3KB 66.gif 3KB 66.gif 3KB 18.gif 3KB共 243 条
- 1
- 2
- 3
资源评论
