<!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; } .mui-poppicker-header, .mui-picker { background-color: white; } .mui-btn-blue, .mui-btn-primary, input[type=submit] { background-color: #FF7700; border: 0; } .mui-pciker-list li.highlight { color: #FF7700; } .mui-dtpicker-header,.mui-dtpicker-title h5{ background-color: white; } </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 class="three_model_school_name">1-2年级</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> var schoolpicker = new mui.PopPicker(); (function($, doc) { $.init(); $.ready(function() { schoolpicker.setData([{ text: '一年级' },{ text: '二年级' },{ text: '三年级' },{ text: '四年级' },{ text: '五年级' },{ text: '六年级' },]); }); })(mui, document); $(".log_six_select_nianji").click(function() { schoolpicker.show(function(e) { school_name = e[0].value; school_names = e[0].text; $(".log_six_nianji_contant").text(e[0].text); $('.log_six_nianji_contant').css('color', '#333333'); }); }) </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>