mashangyoujiu/Application/Super/View/Help/add_manual.html

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>服务商管理后台</title>
    <link href="__PUBLIC__/user/css/base.css" rel="stylesheet">
    <link href="__PUBLIC__/user/css/jquery.validate.unobtrusive.popstyle.css" rel="stylesheet">
    <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css" id="layuicss-skinlayercss">
    <script src="__PUBLIC__/user/js/jquery-2.0.3.min.js"></script>
    <script src="__PUBLIC__/user/js/jquery.validate.js"></script>
    <script src="__PUBLIC__/user/js/jquery.validate.unobtrusive.js"></script>
    <script src="__PUBLIC__/user/js/jquery.form.js"></script>
    <script src="__PUBLIC__/layui/layui.js"></script>
    <script src="__PUBLIC__/user/js/post.loading.js"></script>
    <!--上传图片-->
    <link rel="stylesheet" href="__PUBLIC__/user/css/bootstrap.mins.css">
    <link href="__PUBLIC__/user/css/fileinput.min.css" media="all"
          rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/user/css/default.css" media="all"
          rel="stylesheet" type="text/css"/>
    <script src="__PUBLIC__/user/js/fileinput.min.js"></script>
    <script src="__PUBLIC__/user/js/fileinput_locale_zh.js"></script>
    <!--编译器-->
    <script type="text/javascript" charset="utf-8" src="__PUBLIC__/user/plug/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="__PUBLIC__/user/plug/ueditor/ueditor.all.min.js"> </script>
    <!--&lt;!&ndash;建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败&ndash;&gt;-->
    <!--&lt;!&ndash;这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文&ndash;&gt;-->
    <!--<script type="text/javascript" charset="utf-8" src="__PUBLIC__/user/plug/ueditor/lang/zh-cn/zh-cn.js"></script>-->
    <style>
        .form-control {
            margin-bottom: 20px;
            background-color: #fff;
            height: 34px;
            line-height: 30px;
            width: 100px;
            border: 1px solid #ddd;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
            text-indent: 1em;
            color: #666;
            font-size: 12px;
        }

        .box-content2 .radio {
            float: left;
            margin: 0px;
            vertical-align: middle;
        }

        .box-content2 label {
            vertical-align: middle;
            line-height: 35px;
        }

        .box-content2 div {
            overflow: hidden;
        }

        .radio input {
            vertical-align: middle;
        }

        .file {
            height: 30px;
            line-height: 30px;
            border: 1px solid #ccc;
            outline: 0;
            width: 250px;
        }

        .box-content2 .img_upload_wrp span {
            width: auto;
        }

        .box-content2 .img_upload_wrp div {
            margin: 0;
        }

        .fileinput-upload-button {
            display: none;
        }

        .box-content2 .img_upload_wrp .kv-fileinput-caption {
            display: flex;
            align-items: center;
        }

        .form-actions input {
            line-height: normal;
        }

        .box-content2 input[type=checkbox] {
            width: 16px;
            height: 16px;
            margin-right: 10px;
        }

        .box-content2 {
            padding-bottom: 220px;
        }

        .checkbox-box {
            display: flex;
            align-items: center;
        }

        .checkbox-box label {
            height: auto;
            margin-right: 10px;
            line-height: 16px;
            margin-bottom: 0px;
        }

        #content {
            width: 100px;
            height: 100px;
        }

        .myueditor div {
            margin: 0;
        }

        .myueditor span {
            width: auto;
        }
        .fileinput-remove-button{
            display: none;
        }
    </style>
    <link href="__PUBLIC__/user/css/store.css" rel="stylesheet">
</head>
<body class="hold-transition skin-blue sidebar-mini" style="cursor: pointer;">
<div class="box-content2">
    <form id="addform" class="mi-form" novalidate="novalidate">
        <div>
            <span><i>*</i>手册名称：</span>
            <input data-val="true" type="text" value="" name="name" id="name" placeholder="手册名称">
        </div>
        <div>
            <span><i>*</i>所属分类：</span>
            <select name="cateid">
                <volist name="info" id="cate">
                    <option value="{$cate.id}">{$cate.name}</option>
                </volist>
            </select>
        </div>
        <div style="overflow: auto" class="file_ipt_box">
            <span><i>*</i>手册Logo：</span>
            <div class="img_upload_wrp group" style="max-width: 250px;margin-left: 120px;">
                <input type="file" id="logo" name="logo" class="file">
            </div>
        </div>
        <div >
            <span><i>*</i>上传手册：</span>
            <input  type="file" name="file_url" id="file_url">
        </div>

        <center class="form-actions">
            <!--<a href="javascript:history.back(-1)" class="historyback">返回</a>-->
            <input type="button" class="submit" value="保 存"  style="background-color: #3f4c73;color: white">
        </center>
    </form>
</div>
<script>

    $('.submit').click(function () {
        var fd = new FormData($('#addform')[0]);
        $.ajax({
            url: "{:U('Help/add_manual')}",
            type: 'POST',
            data: fd,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            success: function (data) {
                console.log(data);
                if(data.status==1){
                    top.layer.msg(data.msg,{icon:1,time:1000},function () {
                        top.layer.closeAll();
                    })
                }else{
                    top.layer.msg(data.msg,{icon:2,time:1000})
                }
            }
        })
    })

</script>
</body>
</html>