caimei365
/
caimei365-manager


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
							<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
    <title>新增活动专题页面</title>
    <meta name="decorator" content="default"/>
    <script type="text/javascript">
        $(document).ready(function() {
            //$("#name").focus();
            $("#inputForm").validate({
                ignore:"",
                submitHandler: function(form){
                    loading('正在提交，请稍等...');
                    form.submit();
                },
                errorContainer: "#messageBox",
                errorPlacement: function(error, element) {
                    $("#messageBox").text("输入有误，请先更正。");
                    if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
                        error.appendTo(element.parent().parent());
                    } else {
                        error.insertAfter(element);
                    }
                }
            });
            //获取选中项的value
            var showBackgroundColor =  $('#showBackgroundColor');
            var showBackgroundImg =  $('#showBackgroundImg');
            var selectBgType = $('#selectBgType  option:selected').val();
            //回旋赋值显示背景填充
            showSelectText(selectBgType,showBackgroundColor,showBackgroundImg);
            //选择背景填充类型
            $("#selectBgType").on('change',function(){
                showSelectText($(this).val(),showBackgroundColor,showBackgroundImg);
            })
            //颜色选择器
            var color = $("#onchangeColor");
            var colorInfo = $("#getColorValue");
            $(color).on('change',function(){
                colorInfo.val(color.val());
            })
        });
        //判断显示背景颜色或背景图设置窗口fn
        function showSelectText(val,colorDiv,imgDiv){
            switch (val) {
                case '' :
                    colorDiv.hide(100);
                    imgDiv.hide(100);
                    break;
                case '1' :
                    colorDiv.show(100);
                    imgDiv.hide(100);
                    break;
                case '2' :
                    colorDiv.hide(100);
                    imgDiv.show(100);
                    break;
            }
        }
    </script>
</head>
<body>
<ul class="nav nav-tabs">
    <li class="active"><a href="${ctx}/cmpage/cmPage/form?flag=26&id=${cmPage.id}">${empty cmPage.id?'新增':'编辑'}活动专题<shiro:lacksPermission name="cmpage:cmPage:edit">查看</shiro:lacksPermission></a></li>
</ul><br/>
<form:form id="inputForm" modelAttribute="cmPage" action="${ctx}/cmpage/cmPage/save?flag=2&type=6" method="post" class="form-horizontal">
    <form:hidden path="id"/>
    <sys:message content="${message}"/>
    <div class="control-group">
        <label class="control-label"><span class="help-inline"><font color="red">*</font> </span>网页标题：</label>
        <div class="controls">
            <form:input path="title" htmlEscape="false" maxlength="40" class="input-xlarge required"/>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label"><span class="help-inline"><font color="red">*</font> </span>PC端banner：</label>
        <div class="controls">
            <form:hidden id="headImage" path="headImage" htmlEscape="false" maxlength="255" class="input-xlarge required"/>
            <sys:ckfinder input="headImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
        </div>
        <div class="controls" style="padding-top: 20px;">
        <label style="color:#D0D0D0 ;">建议图片尺寸1920*510px</label>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label"><span class="help-inline"></span>移动端banner：</label>
        <div class="controls">
            <form:hidden id="crmHeadImage" path="crmHeadImage" htmlEscape="false" maxlength="255" class="input-xlarge"/>
            <sys:ckfinder input="crmHeadImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
        </div>
        <div class="controls" style="padding-top: 20px;">
            <label style="color:#D0D0D0 ;">建议图片尺寸750px*366px</label>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label"></span>banner跳转链接：</label>
        <div class="controls">
            <form:input path="headLink" htmlEscape="false" maxlength="255" placeholder="输入URL地址" class="input-xlarge url"/>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label">填充背景：</label>
        <div class="controls">
            <form:select path="backgroundType" class="input-xlarge " id="selectBgType">
                <form:option value="" label="请选择"/>
                <form:options items="${fns:getDictList('backgroundType')}" itemLabel="label" itemValue="value" htmlEscape="false" label="${fns:getDictList('backgroundType')[0]}"/>
            </form:select>
        </div>
    </div>
    <div class="control-group" id="showBackgroundColor" style="display: none;">
        <label class="control-label"><span class="help-inline"></span>背景色设置：</label>
        <div class="controls">
            <form:input path="backgroundColour" htmlEscape="false"  maxlength="7" id="getColorValue" class="input-xlarge" placeholder="请选择或输入颜色/示例:#333333" cssStyle="width: 205px;"/>
            <input type="color" name="color" value="#e15616" id="onchangeColor" style="width: 35px;">
        </div>
    </div>
    <div class="control-group" id="showBackgroundImg" style="display: none;">
        <label class="control-label">背景图片：</label>
        <div class="controls" style="margin-bottom: 20px;">
            <form:hidden id="backgroundImage" path="backgroundImage" htmlEscape="false" maxlength="255" class="input-xlarge"/>
            <sys:ckfinder input="backgroundImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
        </div>
        <label class="control-label">背景图显示：</label>
        <div class="controls">
            <form:select path="backgroundImageWay" class="input-xlarge ">
                <form:options items="${fns:getDictList('backgroundImageWay')}" itemLabel="label" itemValue="value" htmlEscape="false" label="${fns:getDictList('backgroundImageWay')[0]}"/>
            </form:select>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label">状态：</label>
        <div class="controls">
            <form:select path="enabledStatus" class="input-xlarge ">
                <form:options items="${fns:getDictList('enabled_status')}" itemLabel="label" itemValue="value" htmlEscape="false" label="${fns:getDictList('enabled_status')[0]}"/>
            </form:select>
        </div>
    </div>
    <div class="form-actions">
        <shiro:hasPermission name="cmpage:cmPage:edit"><input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;</shiro:hasPermission>
        <input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
    </div>
</form:form>
</body>
</html>