SIPAIIS_WMS_JSSW/WebRoot/jsp/changeTheme.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<style type="text/css">
    .select2-container .select2-selection--single{  
      height:34px;  
      line-height: 34px;  
    }
    .select2-selection__arrow{
    margin-top:3px;
    }  
</style>
<script type="text/javascript">
	function doSaveTheme(themeClass) {
        $.post(ext.contextPath + "/user/saveTheme.do", {themeClass:themeClass}, function(data) {
               if (data == 1) {
            	   changeSkin(themeClass);
                    closeModal('subThemeModal');
                   /*  $.post(ext.contextPath+"/Login/logout.do",function(){
		                delCookie("j_username");
		                delCookie("j_password");
	                location.replace(ext.contextPath); 
	             });*/
               }else if(data == 0){
                     showAlert('d','主题修改失败，请重试 ');
               }else{
                     showAlert('d',data.res);
               }
         },'json');  
    }

</script>
<div class="modal fade" id="subThemeModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">切换主题</h4>
      </div>
      <div class="modal-body">
           <!-- 新增界面formid强制为subForm -->
           <form class="form-horizontal" id="subForm" enctype="multipart/form-data" >
                <!-- 界面提醒div强制id为alertDiv -->
                <div id="alertDiv"></div>
                <div class="form-group">
	                <li style="float:left; width: 25%; padding: 5px;">
				        <a onclick="doSaveTheme('skin-blue');" data-skin="skin-blue" style="cursor: pointer; display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
			                <div>
				                <span style="display:block; width: 20%; float: left; height: 11px; background: #367fa9" ></span>
				                <span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 11px;"></span>
			                </div>
			                <div>
				                <span style="display:block; width: 20%; float: left; height: 24px; background: #222d32"></span>
				                <span style="display:block; width: 80%; float: left; height: 24px; background: #f4f5f7"></span>
			                </div>
	                    </a>
	                    <p class="text-center no-margin" style="font-size: 12px">蓝色</p>
	                </li>
	                <li style="float:left; width: 25%; padding: 5px;">
                        <a onclick="doSaveTheme('skin-black');" data-skin="skin-black" style="cursor: pointer;display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
                            <div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix">
                                <span style="display:block; width: 20%; float: left; height: 11px;background: #fefefe"></span>
                                <span style="display:block; width: 80%; float: left; height: 11px; background: #fefefe"></span>
                            </div>
                            <div>
                                <span style="display:block; width: 20%; float: left; height: 24px; background: #222"></span>
                                <span style="display:block; width: 80%; float: left; height: 24px; background: #f4f5f7"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px">白色</p>
                    </li>
                    <li style="float:left; width: 25%; padding: 5px;">
                        <a onclick="doSaveTheme('skin-purple');" data-skin="skin-purple" style="cursor: pointer;display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
                            <div >
                                <span style="display:block; width: 20%; float: left; height: 11px;" class="bg-purple-active"></span>
                                <span class="bg-purple" style="display:block; width: 80%; float: left; height: 11px;"></span>
                            </div>
                            <div>
                                <span style="display:block; width: 20%; float: left; height: 24px; background: #222d32"></span>
                                <span style="display:block; width: 80%; float: left; height: 24px; background: #f4f5f7"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px">紫色</p>
                    </li>
                    <li style="float:left; width: 25%; padding: 5px;">
                        <a onclick="doSaveTheme('skin-green');" data-skin="skin-green" style="cursor: pointer;display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
                            <div >
                                <span style="display:block; width: 20%; float: left; height: 11px;" class="bg-green-active"></span>
                                <span class="bg-green" style="display:block; width: 80%; float: left; height: 11px;"></span>
                            </div>
                            <div>
                                <span style="display:block; width: 20%; float: left; height: 24px; background: #222d32"></span>
                                <span style="display:block; width: 80%; float: left; height: 24px; background: #f4f5f7"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px">绿色</p>
                    </li>
                    <li style="float:left; width: 25%; padding: 5px;">
                        <a onclick="doSaveTheme('skin-red');" data-skin="skin-red" style="cursor: pointer;display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
                            <div >
                                <span style="display:block; width: 20%; float: left; height: 11px;" class="bg-red-active"></span>
                                <span class="bg-red" style="display:block; width: 80%; float: left; height: 11px;"></span>
                            </div>
                            <div>
                                <span style="display:block; width: 20%; float: left; height: 24px; background: #222d32"></span>
                                <span style="display:block; width: 80%; float: left; height: 24px; background: #f4f5f7"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px">红色</p>
                    </li>
                    <li style="float:left; width: 25%; padding: 5px;">
                        <a onclick="doSaveTheme('skin-yellow');" data-skin="skin-yellow" style="cursor: pointer;display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
                            <div >
                                <span style="display:block; width: 20%; float: left; height: 11px;" class="bg-yellow-active"></span>
                                <span class="bg-yellow" style="display:block; width: 80%; float: left; height: 11px;"></span>
                            </div>
                            <div>
                                <span style="display:block; width: 20%; float: left; height: 24px; background: #222d32"></span>
                                <span style="display:block; width: 80%; float: left; height: 24px; background: #f4f5f7"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px">黄色</p>
                    </li>
                    <li style="float:left; width: 25%; padding: 5px;">
                        <a onclick="doSaveTheme('skin-blue-light');" data-skin="skin-blue-light" style="cursor: pointer;display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
                            <div >
                                <span style="display:block; width: 20%; float: left; height: 11px; background: #367fa9"></span>
                                <span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 11px;"></span>
                            </div>
                            <div>
                                <span style="display:block; width: 20%; float: left; height: 24px; background: #f9fafc"></span>
                                <span style="display:block; width: 80%; float: left; height: 24px; background: #f4f5f7"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px">蓝白</p>
                    </li>
                    <li style="float:left; width: 25%; padding: 5px;">
                        <a onclick="doSaveTheme('skin-black-light');" data-skin="skin-black-light" style="cursor: pointer;display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
                            <div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix">
                                <span style="display:block; width: 20%; float: left; height: 11px; background: #fefefe"></span>
                                <span style="display:block; width: 80%; float: left; height: 11px; background: #fefefe"></span>
                            </div>
                            <div>
                                <span style="display:block; width: 20%; float: left; height: 24px; background: #f9fafc"></span>
                                <span style="display:block; width: 80%; float: left; height: 24px; background: #f4f5f7"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px">纯白</p>
                    </li>
                    <li style="float:left; width: 25%; padding: 5px;">
                        <a onclick="doSaveTheme('skin-purple-light');" data-skin="skin-purple-light" style="cursor: pointer;display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
                            <div >
                                <span style="display:block; width: 20%; float: left; height: 11px;" class="bg-purple-active"></span>
                                <span class="bg-purple" style="display:block; width: 80%; float: left; height: 11px;"></span>
                            </div>
                            <div>
                                <span style="display:block; width: 20%; float: left; height: 24px; background: #f9fafc"></span>
                                <span style="display:block; width: 80%; float: left; height: 24px; background: #f4f5f7"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px">紫白</p>
                    </li>
                    <li style="float:left; width: 25%; padding: 5px;">
                        <a onclick="doSaveTheme('skin-green-light');" data-skin="skin-green-light" style="cursor: pointer;display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
                            <div >
                                <span style="display:block; width: 20%; float: left; height: 11px;" class="bg-green-active"></span>
                                <span class="bg-green" style="display:block; width: 80%; float: left; height: 11px;"></span>
                            </div>
                            <div>
                                <span style="display:block; width: 20%; float: left; height: 24px; background: #f9fafc"></span>
                                <span style="display:block; width: 80%; float: left; height: 24px; background: #f4f5f7"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px">绿白</p>
                    </li>
                    <li style="float:left; width: 25%; padding: 5px;">
                        <a onclick="doSaveTheme('skin-red-light');" data-skin="skin-red-light" style="cursor: pointer;display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
                            <div >
                                <span style="display:block; width: 20%; float: left; height: 11px;" class="bg-red-active"></span>
                                <span class="bg-red" style="display:block; width: 80%; float: left; height: 11px;"></span>
                            </div>
                            <div>
                                <span style="display:block; width: 20%; float: left; height: 24px; background: #f9fafc"></span>
                                <span style="display:block; width: 80%; float: left; height: 24px; background: #f4f5f7"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px">红白</p>
                    </li>
                    <li style="float:left; width: 25%; padding: 5px;">
                        <a onclick="doSaveTheme('skin-yellow-light');" data-skin="skin-yellow-light" style="cursor: pointer;display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
                            <div>
                                <span style="display:block; width: 20%; float: left; height: 11px;" class="bg-yellow-active"></span>
                                <span class="bg-yellow" style="display:block; width: 80%; float: left; height: 11px;"></span>
                            </div>
                            <div>
                                <span style="display:block; width: 20%; float: left; height: 24px; background: #f9fafc"></span>
                                <span style="display:block; width: 80%; float: left; height: 24px; background: #f4f5f7"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px">黄白</p>
                    </li>
			    </div>
           </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>