addimg.html 8.56 KB
<include file="public/layout" />
<style>.tarea{ width:600px; height:200px}</style>
<body style="background-color: #FFF; overflow: auto;">
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div class="page">
    <div class="fixed-bar">
        <div class="item-title">

            <div class="fixed-bar">
                <div class="item-title">
                    <a class="back" href="javascript:window.history.back()" title="返回列表">
                        <i class="fa fa-arrow-circle-o-left"></i>
                    </a>
                    <div class="subject">
                        <h3>图标管理</h3>
                        <h5>图标新建和修改</h5>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 操作说明 -->
    <div class="explanation" id="explanation">
        <div class="title" id="checkZoom"><i class="fa fa-lightbulb-o"></i>
            <h4 title="提示相关设置操作时应注意的要点">操作提示</h4>
            <span id="explanationZoom" title="收起提示"></span> </div>
        <ul>
            <li>请务必正确填写商品信息</li>
        </ul>
    </div>
    <!--表单数据-->
    <form method="post" id="addEditGoodsForm">
        <input type="hidden" id="oldurl" name="oldurl" value="{$oldurl}" class="input-txt">
        <input id="id" name="id"  type="hidden" value="{$info['id']}"/>
        <!--通用信息-->
        <div class="ncap-form-default tab_div_1">





            <dl class="row">
                <dt class="tit">
                    <label for="title">所属类型</label>
                </dt>
                <dd class="opt">
                    <select name="type_id" id="type_id"  onkeydown="strkeydown(event, this, 'submitBtn')">
                        <foreach name="typelist" item="v" key="k">
                            <option value="{$v.id}" <if condition="$v.id eq $info.type_id">selected</if>>{$v.typename}</option>
                        </foreach>
                    </select>
                </dd>
            </dl>

            <dl class="row">
                <dt class="tit">
                    <label for="title">名称</label>
                </dt>
                <dd class="opt">
                    <input id="title" type="text" value="{$info.title}"
                           maxlength="100"
                           onkeydown="strkeydown(event, this, 'sumbbtn')"
                           name="title" class="input-txt"  />
                    <span class="err cr" id="err_module_name"><notempty name="info.name">*编辑时名称不可改</notempty></span>
                </dd>
            </dl>


            <dl class="row">
                <dt class="tit">
                    <label for="imgurl"><em>*</em>上传图标</label>
                </dt>
                <dd class="opt">
                    <div class="input-file-show">
                        <span class="show">
                            <a id="img_a" class="nyroModal" rel="gal" href="{:getImg($info.imgurl,NOIMG)}">
                                <i id="img_i" class="fa fa-picture-o" onmouseover="layer.tips('<img src={:getImg($info.imgurl,NOIMG)}>',this,{tips: [1, '#fff']});" onmouseout="layer.closeAll();"></i>
                            </a>
                        </span>
                        <span class="type-file-box">
                            <input type="text" id="imgurl"
                                   onkeydown="strkeydown(event, this, 'submitBtn')"
                                   name="imgurl" value="{$info.imgurl}" class="type-file-text">
                            <input type="button" name="button" id="button1" value="选择上传" class="type-file-button">
                            <input class='type-file-file' onClick=" GetUploadify_new(1,'imgurl','qyimg','','module','id','imgurl','{$info.id}','call_back')" size="30" hidefoucus="true" nc_type="change_site_logo" title="点击前方预览图可查看大图,点击按钮选择文件并提交表单后上传生效"/>
                        </span>
                    </div>
                    <span id="err_imgurl" class="err cr"></span>
                    <p class="notic">最佳显示尺寸为200*200像素</p>
                </dd>
            </dl>


            <!--对外启用-->
            <dl class="row">
                <dt class="tit">启用</dt>
                <dd class="opt">
                    <div class="onoff">
                        <label for="isuse1" class="cb-enable <if condition='$info[isshow] eq 1'>selected</if>">开启</label>
                        <label for="isuse0" class="cb-disable <if condition='$info[isshow] eq 0'>selected</if>">关闭</label>
                        <input id="isuse1" name="isshow" onkeydown="strkeydown(event, this, 'sumbitbtn')"
                        <if condition="$info[isshow] eq 1">checked="checked"</if> value="1" type="radio">
                        <input id="isuse0" name="isshow"  onkeydown="strkeydown(event, this, 'sumbitbtn')"
                        <if condition="$info[isshow] eq 0">checked="checked"</if>  value="0" type="radio">
                    </div>
                    <p class="notic">模块是否对外提供给商家使用</p>
                </dd>
            </dl>


        </div>

		<div class="ncap-form-default">        
            <div class="bot">
                <input  type="hidden" name="id" value="{$info.id}">
                <a href="JavaScript:void(0);" class="ncap-btn-big ncap-btn-green"
                   id="sumbbtn"
                   onClick="ajax_submit_form1('addEditGoodsForm','{:U('Userqy/imghandle?is_ajax=1')}');">确认提交</a>
            </div>
        </div>
        <input type="hidden" name="editorimg" id="editorimg" value="{$goodsInfo.editorimg}">
     </form>
    <!--表单数据-->
    <input type="hidden"  id="qclurl" value="{$qclurl}" name="qclurl">
</div>
<div id="goTop"> <a href="JavaScript:void(0);" id="btntop"><i class="fa fa-angle-up"></i></a><a href="JavaScript:void(0);" id="btnbottom"><i class="fa fa-angle-down"></i></a></div>
<script>
    /*
     * 以下是图片上传方法
     */
    function call_back(fileurl_tmp) {
        var getqclurl = $("#qclurl").val();
        $("#imgurl").val(fileurl_tmp);
        $("#img_i").attr('onmouseover', "layer.tips('<img src=" + getqclurl + fileurl_tmp + ">',this,{tips: [1, '#fff']});");
        $("#img_a").attr('href', getqclurl + fileurl_tmp);
    }

    $(document).ready(function(){
        //插件切换列表
        $('.tab-base').find('.tab').click(function(){
            $('.tab-base').find('.tab').each(function(){
                $(this).removeClass('current');
            });
            $(this).addClass('current');
			var tab_index = $(this).data('index');			
			$(".tab_div_1, .tab_div_2, .tab_div_3, .tab_div_4").hide();			
			$(".tab_div_"+tab_index).show();
		});		
            
    });

    var before_request = 1; // 标识ajax 请求已经返回
    /*--商品提交--*/
    function ajax_submit_form1(form_id,submit_url){
        var  val=$("#title").val();
        if($.trim(val)==""){
            set_err_msg("请输入名称","module_name");
            return;
        }

        val=$("#imgurl").val();
        if($.trim(val)==""){
            set_err_msg("请上传模块图标","imgurl");
            return;
        }


        if(!before_request) return;
        before_request = 0; // 标识ajax 请求已经发出
        var ai=layer.msg('提交中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: '200px', time:100000}) ;
        $.ajax({
            type : "POST",
            url  : submit_url,
            data : $('#'+form_id).serialize(),// 你的formid
            dataType:'json',
            error: function(request) {
                before_request = 1;
                layer.close(ai);
                alert("服务器繁忙, 请联系管理员!");
            },
            success: function(v) {
                layer.close(ai);
                before_request = 1; // 标识ajax 请求已经返回
                if(v.code==1){
                     layer.msg('保存成功', {icon: 1, time:1000}) ;
                     setTimeout(function () {
                         window.location.href="/index.php/manager/Userqy/addimg";
                     },1000);
                }else{
                    layer.msg('保存失败,'+v.msg, {icon: 1, time:1000}) ;
                }
            }
        });

    }

    /*--错误处理--*/
    function  set_err_msg(text,elem)
    {
        layer.msg(text,{icon:2,time:1000});
        $("#"+elem).focus();
        $("#"+elem).parent().find("span").text(text);
    }

    

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