1 Star 0 Fork 22

serverking/layuiadmin-templete

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
审核商品.html 10.06 KB
一键复制 编辑 原始数据 按行查看 历史
贺小熊 提交于 2018-04-24 18:28 . 提交
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<title>众创数字资产综合运营管理平台</title>
<link rel="stylesheet" href="layui/css/layui.css"/>
<link rel="stylesheet" href="css/admin.css"/>
</head>
<body>
<form class="layui-form">
<table class="layui-table layui-table-add" lay-skin="nob">
<tbody>
<tr>
<th width="100">商品名称</th>
<td><input type="text" name="" placeholder="请输入商品名称,发布后不允许修改" autocomplete="off" disabled class="layui-input layui-btn-disabled" value="钻石陀飞轮"></td>
</tr>
<tr>
<th>所属分类</th>
<td>
<div style="width: 30%;" class='fl'>
<select lay-verify="" disabled="disabled">
<option value="">请选择分类</option>
<option value="1">名牌包包</option>
<option value="2" selected = "selected">名牌手表</option>
<option value="3">锦龙春酒业</option>
<option value="4">伍基酵素</option>
<option value="5">韵客翡翠</option>
<option value="6">品牌豪车</option>
</select>
</div>
</td>
</tr>
<tr>
<th>所属品牌</th>
<td>
<div style="width: 30%;" class='fl' disabled="disabled">
<select lay-verify="" disabled="disabled">
<option value="">请选择品牌</option>
<option value="1" selected = "selected">浪陀</option>
<option value="2">安踏</option>
<option value="3">耐克</option>
</select>
</div>
</td>
</tr>
<tr>
<th>显示市场价</th>
<td>
<div style="width:30%">
<input type="text" disabled="disabled" name="" value="2000.00" placeholder="¥" autocomplete="off" class="layui-input layui-btn-disabled">
</div>
</td>
</tr>
<tr>
<th class="pad">库存</th>
<td>100件</td>
</tr>
<tr>
<th>商品类型</th>
<td>
<div style="width: 30%;">
<select lay-verify="" disabled="disabled">
<option value="1" selected="selected">双主属性(尺码+颜色)</option>
<option value="2">单属性(颜色)</option>
</select>
</div>
</td>
</tr>
<tr>
<th>具体商品属性</th>
<td>
<div class="pro-property">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">尺寸</label>
<div class="layui-input-inline">
<select lay-verify="" disabled="disabled">
<option value="">请选择</option>
<option value="1" selected="selected">S码</option>
<option value="2">M码</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">颜色</label>
<div class="layui-input-inline">
<select lay-verify="" disabled="disabled">
<option value="">请选择</option>
<option value="1" selected="selected">红色</option>
<option value="2">白色</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">库存</label>
<div class="layui-input-inline">
<input type="text" lay-verify="title" autocomplete="off" placeholder="请输入库存" value="50" class="layui-input layui-btn-disabled">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">成本价</label>
<div class="layui-input-inline">
<input type="text" lay-verify="title" autocomplete="off" placeholder="请输入成本价" value="1000.00" class="layui-input layui-btn-disabled">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">销售价</label>
<div class="layui-input-inline">
<input type="text" lay-verify="title" autocomplete="off" placeholder="请输入销售价" value="1200.00" class="layui-input layui-btn-disabled">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">AGR最大抵扣</label>
<div class="layui-input-inline">
<input type="text" lay-verify="title" autocomplete="off" placeholder="请输入AGR" value="1000" class="layui-input layui-btn-disabled">
</div>
<div class="layui-form-mid layui-word-aux"><span class="price" style="margin-left: 5px;">10000.00</span></div>
</div>
<div class="layui-inline">
<label class="layui-form-label">备注</label>
<div class="layui-input-inline">
<input type="text" lay-verify="title" autocomplete="off" placeholder="请输入备注" class="layui-input layui-btn-disabled" value="多属性商品">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">尺寸</label>
<div class="layui-input-inline">
<select lay-verify="" disabled="disabled">
<option value="">请选择</option>
<option value="1" selected="selected">S码</option>
<option value="2">M码</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">颜色</label>
<div class="layui-input-inline">
<select lay-verify="" disabled="disabled">
<option value="">请选择</option>
<option value="1" selected="selected">红色</option>
<option value="2">白色</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">库存</label>
<div class="layui-input-inline">
<input type="text" lay-verify="title" autocomplete="off" placeholder="请输入库存" value="50" class="layui-input layui-btn-disabled">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">成本价</label>
<div class="layui-input-inline">
<input type="text" lay-verify="title" autocomplete="off" placeholder="请输入成本价" value="1000.00" class="layui-input layui-btn-disabled">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">销售价</label>
<div class="layui-input-inline">
<input type="text" lay-verify="title" autocomplete="off" placeholder="请输入销售价" value="1200.00" class="layui-input layui-btn-disabled">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">AGR最大抵扣</label>
<div class="layui-input-inline">
<input type="text" lay-verify="title" autocomplete="off" placeholder="请输入AGR" value="1000" class="layui-input layui-btn-disabled">
</div>
<div class="layui-form-mid layui-word-aux"><span class="price" style="margin-left: 5px;">10000.00</span></div>
</div>
<div class="layui-inline">
<label class="layui-form-label">备注</label>
<div class="layui-input-inline">
<input type="text" lay-verify="title" autocomplete="off" placeholder="请输入备注" class="layui-input layui-btn-disabled" value="多属性商品">
</div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<th>商品图片</th>
<td>
<ul id="layer-photos-demo" class="layer-photos-demo mt10">
<li><img layer-src="img/2.jpg" src="img/2.jpg" ></li>
<li><img layer-src="img/3.jpg" src="img/3.jpg" ></li>
<li><img layer-src="img/4.jpg" src="img/4.jpg" ></li>
<li><img layer-src="img/5.jpg" src="img/5.jpg" ></li>
</ul>
</td>
</tr>
<tr>
<th>是否包邮</th>
<td>
<input type="checkbox" name="switch" lay-skin="switch" lay-text="是|否" checked="checked" disabled="disabled">
</td>
</tr>
<tr>
<th class="pad">描述</th>
<td>
第三方填写信息读取过来
</td>
</tr>
</tbody>
</table>
<div style="margin-left: 145px; margin-bottom: 15px;">
<div class="layui-btn" style=" min-width: 150px;">审核通过</div>
<div class="layui-btn a1" style=" min-width: 150px;">审核不通过</div>
</div>
</form>
<script type="text/javascript" src="layui/layui.js"></script>
<script>
layui.use(['jquery','form','upload','layer'], function(){
var $ = layui.jquery
,layer = layui.layer
,form = layui.form();
layui.upload({
url: '上传接口url'
,success: function(res){
console.log(res); //上传成功返回值,必须为json格式
}
});
layer.photos({
photos: '#layer-photos-demo'
,closeBtn: 1
,anim: 0 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
});
// 删除操作
$(document).on("click", ".del", function() {
layer.open({
title:"删除操作"
,content: '您确认要删除该属性商品吗?'
,btn: ['取消', '确认']
,yes: function(index, layero){
layer.closeAll();
}
,btn2: function(index, layero){
layer.msg('删除成功!',{time: 1000});
}
});
});
//审核不通过,外面的弹出层消失
$(document).on("click",".a1",function(){
layer.open({
type:2
,area:['40%', '40%']
,title:"审核不通过"
,content:'审核不通过.html'
});
});
});
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/serverkingrock/layuiadmin-templete.git
git@gitee.com:serverkingrock/layuiadmin-templete.git
serverkingrock
layuiadmin-templete
layuiadmin-templete
master

搜索帮助