Salesman_goods_add.html 9.1 KB
<!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>