<!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" />
<style>
.log_six_add_photos{
padding: 0.15rem 0.2rem;
display: flex;
justify-content: space-around;
align-items: center;
}
.log_six_photo_ones{
width: 1.6rem;
height: 1.6rem;
}
.log_six_add_imgs{
width: 100%;
height:1.5rem;
}
.log_six_add_titles{
display: none;
}
.log_six_pictyre_imgs{
width: 1.6rem;
height: 1.6rem;
}
.log_six_pictyre_titles{
display: none;
}
.log_six_select_one span,.log_two_input_title span,.log_two_picture_title span{
color: #F20000;
}
</style>
</head>
<body>
<div class="tx_mask_tongyi">
<div class="tx_maskCon_school">
<div class="three_model_school">
<div class="three_model_school_data" style="display: block;">
<div class="three_model_school_name there_unActive">一年级</div>
<div class="three_model_school_name">二年级</div>
<div class="three_model_school_name">三年级</div>
<div class="three_model_school_name">四年级</div>
<div class="three_model_school_name">五年级</div>
<div class="three_model_school_name">六年级</div>
<div class="three_model_school_name">初一</div>
<div class="three_model_school_name">初二</div>
<div class="three_model_school_name">初三</div>
<div class="three_model_school_name">高一</div>
<div class="three_model_school_name">高二</div>
<div class="three_model_school_name">高三</div>
<div class="three_model_school_name">小学</div>
<div class="three_model_school_name">初中</div>
<div class="three_model_school_name">高中</div>
<div class="three_model_school_name">学龄前</div>
<div class="three_model_school_name">3-6年级</div>
</div>
</div>
</div>
</div>
<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_photo_one">
<div class="log_six_add_img" onclick="img_file()">
<img src="__TMPL__/public/assets/images/jiahao.png" id="show_img" alt="" />
</div>
<div class="log_six_add_title">
添加照片
</div>
<div class="input_file">
<!--<input type="file" id="img1_file_img" name="avatar" />-->
</div>
</div>
<div class="log_six_photo_one">
<div class="log_six_add_img" onclick="img_suolue()">
<img src="__TMPL__/public/assets/images/jiahao.png" id="thumbnail" alt="" />
</div>
<div class="log_six_add_title">
添加缩略图
</div>
<div class="input_file">
<!--<input type="file" id="img_file_suolue" name="avatar" />-->
</div>
</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">
<span>*</span>书名
</div>
<div class="log_two_input_contant">
<input type="text" placeholder="请输入书籍名称" name="book_name" />
</div>
</div>
<div class="log_two_input_one ">
<div class="log_two_input_title">
<span>*</span>佣金
</div>
<div class="log_two_input_contant">
<input type="number" placeholder="请输入下级推广佣金" name="money" />
</div>
</div>
<div class="log_two_input_one">
<div class="log_two_input_title">
<span>*</span>售价
</div>
<div class="log_two_input_contant">
<input type="number" placeholder="输入售价" name="price" />
</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 cols="20" rows="3" placeholder="请输入商品说明" id="instr"></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="请输入书号" name="book_number" />
</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="请输入纸张" name="paper" />
</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="请输入装订类型" name="binding" />
</div>
</div>
<div class="log_two_input_one">
<div class="log_two_input_title">
<span>*</span>开本
</div>
<div class="log_two_input_contant">
<input type="text" placeholder="请输入开本" name="book_size" />
</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="请输入印刷颜色" name="printing" />
</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="请输入作者名称" name="author" />
</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="请输入出版社名称" name="press" />
</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="请输入作者名称" name="press_time" />
</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="输入定价" name="pricing" />
</div>
</div>
</div>
</div>
<div class="log_six_wire"></div>
<!-- 套装 -->
<div class="log_six_select">
<div class="log_six_select_contant">
<div class="log_two_input_one">
<div class="log_two_input_title">
<span>*</span>套装
</div>
<div class="log_two_input_contant">
<input type="text" placeholder="请输入每套本数" name="suit" />
</div>
</div>
<div class="log_six_select_top log_six_select_nianji">
<div class="log_six_select_left">
<div class="log_six_select_one" >
<span>*</span>适合年级
</div>
<div class="log_six_select_two log_six_nianji_contant" id="grade" >
请选择
</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">
<span>*</span>商品详情
</div>
<div class="log_six_file_picture">
<div class="log_six_picture">
<div class="log_six_picture_one">
<div class="log_six_pictyre_img" onclick="openCamera2()">
<img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img0" />
</div>
<div class="log_six_pictyre_title">
添加图片
</div>
<div class="input_files">
<!--<input type="file" id="img0_file" name="avatar" />-->
</div>
</div>
</div>
<div class="log_six_picture">
<div class="log_six_picture_one">
<div class="log_six_pictyre_img" onclick="openCamera1()">
<img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img1" />
</div>
<div class="log_six_pictyre_title">
添加图片
</div>
<div class="input_files">
<!--<input type="file" id="img1_file" name="avatar" />-->
</div>
</div>
</div>
<div class="log_six_picture">
<div class="log_six_picture_one">
<div class="log_six_pictyre_img" id="openCamera">
<img src="__TMPL__/public/assets/images/jiahao.png" id="img2" alt="" />
</div><!--id="img2"-->
<div class="log_six_pictyre_title">
添加图片
</div>
<div class="input_files">
<!--<input type="file" id="openCamera" name="avatar" />-->
</div>
</div>
</div>
</div><!--id="img2_file"-->
</div>
<!-- 保存 -->
<div class="log_two_bottom_btn" onclick="Sure_add()">
确定添加
</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/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/city.data-3.js"></script>
<script src="__TMPL__/public/assets/js/uploadfile.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
$('#openCamera').click(function(){
wx.config({$jssdk});
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original'], // 指定是原图还是压缩图，默认都有
sourceType: ['album', 'camera'], // 指定来源是相册还是相机，默认都有
success: function (res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
wx.uploadImage({
localId: localIds.toString(), // 需要上传的图片的ID，由chooseImage接口获得
isShowProgressTips: 1, // 进度提示
success: function (res) {
var mediaId = res.serverId; // 返回图片的服务器端ID，即mediaId
//将获取到的 mediaId 传入后台 方法savePicture
$.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){
//填写你自己的业务逻辑
res = JSON.parse(res);
$('#img2').attr("src",res.filename);
$(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
$(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
});
},
fail: function (res) {
alertModal('图片上传失败，请重试');
}
});
}
});
});
function openCamera1(){
wx.config({$jssdk});
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original'], // 指定是原图还是压缩图，默认都有
sourceType: ['album', 'camera'], // 指定来源是相册还是相机，默认都有
success: function (res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
wx.uploadImage({
localId: localIds.toString(), // 需要上传的图片的ID，由chooseImage接口获得
isShowProgressTips: 1, // 进度提示
success: function (res) {
var mediaId = res.serverId; // 返回图片的服务器端ID，即mediaId
//将获取到的 mediaId 传入后台 方法savePicture
$.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){
//填写你自己的业务逻辑
res = JSON.parse(res);
$('#img1').attr("src",res.filename);
$(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
$(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
});
},
fail: function (res) {
alertModal('图片上传失败，请重试');
}
});
}
});
}
function openCamera2(){
wx.config({$jssdk});
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original'], // 指定是原图还是压缩图，默认都有
sourceType: ['album', 'camera'], // 指定来源是相册还是相机，默认都有
success: function (res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
wx.uploadImage({
localId: localIds.toString(), // 需要上传的图片的ID，由chooseImage接口获得
isShowProgressTips: 1, // 进度提示
success: function (res) {
var mediaId = res.serverId; // 返回图片的服务器端ID，即mediaId
//将获取到的 mediaId 传入后台 方法savePicture
$.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){
//填写你自己的业务逻辑
res = JSON.parse(res);
$('#img0').attr("src",res.filename);
$(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
$(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
});
},
fail: function (res) {
alertModal('图片上传失败，请重试');
}
});
}
});
}
function img_file(){
wx.config({$jssdk});
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original'], // 指定是原图还是压缩图，默认都有
sourceType: ['album', 'camera'], // 指定来源是相册还是相机，默认都有
success: function (res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
wx.uploadImage({
localId: localIds.toString(), // 需要上传的图片的ID，由chooseImage接口获得
isShowProgressTips: 1, // 进度提示
success: function (res) {
var mediaId = res.serverId; // 返回图片的服务器端ID，即mediaId
//将获取到的 mediaId 传入后台 方法savePicture
$.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){
//填写你自己的业务逻辑
res = JSON.parse(res);
$('#show_img').attr("src",res.filename);
$(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
$(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
});
},
fail: function (res) {
alertModal('图片上传失败，请重试');
}
});
}
});
}
function img_suolue(){
wx.config({$jssdk});
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original'], // 指定是原图还是压缩图，默认都有
sourceType: ['album', 'camera'], // 指定来源是相册还是相机，默认都有
success: function (res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
wx.uploadImage({
localId: localIds.toString(), // 需要上传的图片的ID，由chooseImage接口获得
isShowProgressTips: 1, // 进度提示
success: function (res) {
var mediaId = res.serverId; // 返回图片的服务器端ID，即mediaId
//将获取到的 mediaId 传入后台 方法savePicture
$.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){
//填写你自己的业务逻辑
res = JSON.parse(res);
$('#thumbnail').attr("src",res.filename);
$(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
$(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
});
},
fail: function (res) {
alertModal('图片上传失败，请重试');
}
});
}
});
}
</script>
<script>
/**
*确定添加
*/
// var booknames = $("input[name='book_name']").val();
// var moneys = $("input[name='money']").val();
// var prices = $("input[name='price']").val();
// var book_sizes = $("input[name='book_size']").val();
// var suits = $("input[name='suit']").val();
// var grades = $("#grade").text();
// $(".log_two_input_contant input").blur(function () {
// if(booknames == "" || moneys == "" || prices == "" || book_sizes == "" || suits == "" || grades == ""){
// alert("必填项不能为空");
// }
// })
function Sure_add(){
show_img = $('#show_img')[0].src;
if(show_img == "http://xkeasy.w.bronet.cn/themes/simpleboot3/public/assets/images/jiahao.png"){
show_img = '';
}
thumbnail = $('#thumbnail')[0].src;
if(thumbnail == "http://xkeasy.w.bronet.cn/themes/simpleboot3/public/assets/images/jiahao.png"){
thumbnail = '';
}
book_name = $("input[name='book_name']").val();
money = $("input[name='money']").val();
price = $("input[name='price']").val();
pricing = $("input[name='pricing']").val();
instr = $('#instr').val();
book_number = $("input[name='book_number']").val();
paper = $("input[name='paper']").val();
book_size = $("input[name='book_size']").val();
binding = $("input[name='binding']").val();
author = $("input[name='author']").val();
press = $("input[name='press']").val();
press_time = $("input[name='press_time']").val();
suit = $("input[name='suit']").val();
printing = $("input[name='printing']").val();
grade = $("#grade").text();
img0 = $('#img0')[0].src;
if(img0 == "http://xkeasy.w.bronet.cn/themes/simpleboot3/public/assets/images/jiahao.png"){
img0 = '';
}
img1 = $('#img1')[0].src;
if(img1 == "http://xkeasy.w.bronet.cn/themes/simpleboot3/public/assets/images/jiahao.png"){
img1 = '';
}
img2 = $('#img2')[0].src;
if(img2 == "http://xkeasy.w.bronet.cn/themes/simpleboot3/public/assets/images/jiahao.png"){
img2 = '';
}
if(book_name!=""&&money!=""&&price!=""&&book_size!=""&&suit!=""&&grade!=""&&(img0!=""||img1!=""||img2!="")){
$.post("{:url('Salesmangoods/Salesman_goods_add')}",{show_img:show_img,thumbnail:thumbnail,book_name:book_name,money:money,price:price,pricing:pricing,instr:instr,book_number:book_number,paper:paper,book_size:book_size,binding:binding,author:author,press:press,press_time:press_time,suit:suit,grade:grade,img0:img0,img1:img1,img2:img2,printing:printing},function(data){
if(data == 3){
alert('添加失败,业务员书籍不能超过8本');
}else if(data == 2){
alert('佣金不能大于售价');
}else{
if(data){
window.location.href = "{:url('salesmangoods/salesman_goods')}";
}else{
alert('添加失败');
}
}
});
}else{
alert("必填项不能为空")
}
}
</script>
<script>
//选择年级
$(".log_six_select_nianji").click(function(){
$(".tx_mask_tongyi").css({
display: "block"
});
})
$(".tx_mask_tongyi .three_model_school_name").click(function(){
var index = $(this).index();
$('.log_six_nianji_contant').text($(this).text()).css("color", "#333");
$(".tx_mask_tongyi").hide();
})
//取消弹窗
$(document).mouseup(function(e) {
var _con = $('.tx_maskCon_school');
if(!_con.is(e.target) && _con.has(e.target).length === 0) {
$('.tx_mask_tongyi').hide()
}
})
//上传图片
/* $(function() {
$("#img1_file_img").change(function() {
var img_size = $(this).get(0).files[0].size;
if(img_size > 1024000) {
alert("上传图片过大，请上传小于1M的图片");
} else {
$.ajaxFileUpload({
url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址
secureuri: false, //是否需要安全协议，一般设置为false
fileElementId: 'img1_file_img', //文件上传域的ID
dataType: 'json', //返回值类型 一般设置为json
success: function(data) { //服务器成功响应处理函数
$('#show_img').attr("src","/uploads/"+data.data);
$(".log_six_add_photo").addClass("log_six_add_photos");
$(".log_six_photo_one").addClass("log_six_photo_ones");
$(".log_six_add_img").addClass("log_six_add_imgs");
$(".log_six_add_title").addClass("log_six_add_titles");
}
});
}
});
$("#img_file_suolue").change(function() {
var img_size = $(this).get(0).files[0].size;
if(img_size > 1024000) {
alert("上传图片过大，请上传小于1M的图片");
} else {
$.ajaxFileUpload({
url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址
secureuri: false, //是否需要安全协议，一般设置为false
fileElementId: 'img_file_suolue', //文件上传域的ID
dataType: 'json', //返回值类型 一般设置为json
success: function(data) { //服务器成功响应处理函数
$('#thumbnail').attr("src","/uploads/"+data.data);
$(".log_two_pi_one").addClass("log_two_pi_ones");
$(".log_two_pi_one_p").addClass("log_two_pi_one_ps");
$(".log_two_pi_one_icon").addClass("log_two_pi_one_icons");
}
});
}
});
$("#img0_file").change(function() {
var img_size = $(this).get(0).files[0].size;
if(img_size > 1024000) {
alert("上传图片过大，请上传小于1M的图片");
} else {
$.ajaxFileUpload({
url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址
secureuri: false, //是否需要安全协议，一般设置为false
fileElementId: 'img0_file', //文件上传域的ID
dataType: 'json', //返回值类型 一般设置为json
success: function(data) { //服务器成功响应处理函数
$('#img0').attr("src","/uploads/"+data.data);
$(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
$(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
}
});
}
});
$("#img1_file").change(function() {
var img_size = $(this).get(0).files[0].size;
if(img_size > 1024000) {
alert("上传图片过大，请上传小于1M的图片");
} else {
$.ajaxFileUpload({
url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址
secureuri: false, //是否需要安全协议，一般设置为false
fileElementId: 'img1_file', //文件上传域的ID
dataType: 'json', //返回值类型 一般设置为json
success: function(data) { //服务器成功响应处理函数
$('#img1').attr("src","/uploads/"+data.data);
$(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
$(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
}
});
}
});
$("#img2_file").change(function() {
var img_size = $(this).get(0).files[0].size;
if(img_size > 1024000) {
alert("上传图片过大，请上传小于1M的图片");
} else {
$.ajaxFileUpload({
url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址
secureuri: false, //是否需要安全协议，一般设置为false
fileElementId: 'img2_file', //文件上传域的ID
dataType: 'json', //返回值类型 一般设置为json
success: function(data) { //服务器成功响应处理函数
$('#img2').attr("src","/uploads/"+data.data);
$(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
$(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
}
});
}
});
});*/
</script>
</body>
</html>