|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
|
|
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
|
<title>学考无忧-添加商品</title>
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/mui.min.css" />
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/mui.picker.min.css" />
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css" />
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/log.css" />
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="log_top_co">
|
|
|
<!-- 顶部 -->
|
|
|
<div class=" order_top log_top_co">
|
|
|
<a href="javascript:history.back(-1)">
|
|
|
<img src="__TMPL__/public/assets/images/left.png" alt="" />
|
|
|
</a>
|
|
|
<p>添加商品</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 添加照片 -->
|
|
|
<div class="log_six_add_photo">
|
|
|
<div class="log_six_add_img">
|
|
|
<img src="__TMPL__/public/assets/images/camera.png" id="img" alt="" />
|
|
|
</div>
|
|
|
<div class="log_six_add_title">
|
|
|
添加照片
|
|
|
</div>
|
|
|
<div class="input_file">
|
|
|
<input type="file" id="img1_file" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_six_wire"></div>
|
|
|
<!-- 输入框 -->
|
|
|
<div class="log_six_input">
|
|
|
<div class="log_two_input">
|
|
|
<div class="log_two_input_one ">
|
|
|
<div class="log_two_input_title">
|
|
|
书籍
|
|
|
</div>
|
|
|
<div class="log_two_input_contant">
|
|
|
<input type="text" placeholder="请输入书籍名称" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_two_input_one ">
|
|
|
<div class="log_two_input_title">
|
|
|
佣金
|
|
|
</div>
|
|
|
<div class="log_two_input_contant">
|
|
|
<input type="text" placeholder="请输入下级推广佣金" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_two_input_one">
|
|
|
<div class="log_two_input_title">
|
|
|
售价
|
|
|
</div>
|
|
|
<div class="log_two_input_contant">
|
|
|
<input type="text" placeholder="输入售价" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_two_input_one">
|
|
|
<div class="log_two_input_title">
|
|
|
定价
|
|
|
</div>
|
|
|
<div class="log_two_input_contant">
|
|
|
<input type="text" placeholder="输入定价" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_six_input_one">
|
|
|
<div class="log_two_input_title" style="margin-top: 0.09rem;">
|
|
|
商品说明
|
|
|
</div>
|
|
|
<div class="log_six_input_contant">
|
|
|
<textarea name="" id="" cols="20" rows="3" placeholder="在此填写您的留言"></textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_two_input_one">
|
|
|
<div class="log_two_input_title">
|
|
|
书号
|
|
|
</div>
|
|
|
<div class="log_two_input_contant">
|
|
|
<input type="text" placeholder="请输入书号" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_two_input_one">
|
|
|
<div class="log_two_input_title">
|
|
|
作者
|
|
|
</div>
|
|
|
<div class="log_two_input_contant">
|
|
|
<input type="text" placeholder="请输入作者名称" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_two_input_one">
|
|
|
<div class="log_two_input_title">
|
|
|
出版社
|
|
|
</div>
|
|
|
<div class="log_two_input_contant">
|
|
|
<input type="text" placeholder="请输入出版社名称" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_two_input_one">
|
|
|
<div class="log_two_input_title">
|
|
|
出版时间
|
|
|
</div>
|
|
|
<div class="log_two_input_contant">
|
|
|
<input type="text" placeholder="请输入作者名称" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_six_wire"></div>
|
|
|
<!-- 套装 -->
|
|
|
<div class="log_six_select">
|
|
|
<div class="log_six_select_contant">
|
|
|
<div class="log_six_select_top">
|
|
|
<div class="log_six_select_left">
|
|
|
<div class="log_six_select_one">
|
|
|
套装
|
|
|
</div>
|
|
|
<div class="log_six_select_two">
|
|
|
请选择
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_six_select_three">
|
|
|
<img src="__TMPL__/public/assets/images/29.png" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_six_select_top">
|
|
|
<div class="log_six_select_left">
|
|
|
<div class="log_six_select_one">
|
|
|
适合年级
|
|
|
</div>
|
|
|
<div class="log_six_select_two">
|
|
|
请选择
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_six_select_three">
|
|
|
<img src="__TMPL__/public/assets/images/29.png" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_six_wire"></div>
|
|
|
<div class="log_two_picture">
|
|
|
<div class="log_two_picture_title">
|
|
|
商品详情
|
|
|
</div>
|
|
|
<div class="log_six_file_picture">
|
|
|
<div class="log_six_picture">
|
|
|
<div class="log_six_picture_one">
|
|
|
<div class="log_six_pictyre_img">
|
|
|
<img src="__TMPL__/public/assets/images/jiahao.png" alt="" />
|
|
|
</div>
|
|
|
<div class="log_six_pictyre_title">
|
|
|
添加图片
|
|
|
</div>
|
|
|
<div class="input_files">
|
|
|
<input type="file" id="img2_file"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="log_six_picture">
|
|
|
<div class="log_six_picture_one">
|
|
|
<div class="log_six_pictyre_img">
|
|
|
<img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="imgtwo" />
|
|
|
</div>
|
|
|
<div class="log_six_pictyre_title">
|
|
|
添加图片
|
|
|
</div>
|
|
|
<div class="input_files">
|
|
|
<input type="file" id="img3_file" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 保存 -->
|
|
|
<div class="log_two_bottom_btn">
|
|
|
确定添加
|
|
|
</div>
|
|
|
<script src="__TMPL__/public/assets/js/jquery.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/base.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/mui.min.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/city.data-3.js"></script>
|
|
|
<script>
|
|
|
//上传图片
|
|
|
|
|
|
$(function() {
|
|
|
$("#img1_file").on("change", function() {
|
|
|
var img_size = $("input[type=file]").get(0).files[0].size;
|
|
|
if(img_size > 1024000) {
|
|
|
mask("上传图片过大,请上传小于1M的图片");
|
|
|
} else {
|
|
|
$.ajaxFileUpload({
|
|
|
url: '/portal/login/updateAvatar', //用于文件上传的服务器端请求地址
|
|
|
secureuri: false, //是否需要安全协议,一般设置为false
|
|
|
fileElementId: 'personal-photo', //文件上传域的ID
|
|
|
dataType: 'json', //返回值类型 一般设置为json
|
|
|
success: function(data) { //服务器成功响应处理函数
|
|
|
mask(data.msg);
|
|
|
window.location.href = '/';
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
$("#img2_file").on("change", function() {
|
|
|
var img_size = $("input[type=file]").get(0).files[0].size;
|
|
|
if(img_size > 1024000) {
|
|
|
mask("上传图片过大,请上传小于1M的图片");
|
|
|
} else {
|
|
|
$.ajaxFileUpload({
|
|
|
url: '/portal/login/updateAvatar', //用于文件上传的服务器端请求地址
|
|
|
secureuri: false, //是否需要安全协议,一般设置为false
|
|
|
fileElementId: 'personal-photo', //文件上传域的ID
|
|
|
dataType: 'json', //返回值类型 一般设置为json
|
|
|
success: function(data) { //服务器成功响应处理函数
|
|
|
mask(data.msg);
|
|
|
window.location.href = '/';
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
$("#img3_file").on("change", function() {
|
|
|
var img_size = $("input[type=file]").get(0).files[0].size;
|
|
|
if(img_size > 1024000) {
|
|
|
mask("上传图片过大,请上传小于1M的图片");
|
|
|
} else {
|
|
|
$.ajaxFileUpload({
|
|
|
url: '/portal/login/updateAvatar', //用于文件上传的服务器端请求地址
|
|
|
secureuri: false, //是否需要安全协议,一般设置为false
|
|
|
fileElementId: 'personal-photo', //文件上传域的ID
|
|
|
dataType: 'json', //返回值类型 一般设置为json
|
|
|
success: function(data) { //服务器成功响应处理函数
|
|
|
mask(data.msg);
|
|
|
window.location.href = '/';
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html> |
|
|
\ No newline at end of file |
...
|
...
|
|