puti
/
snd-escloud


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
							<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<div th:replace="~{mobile/header :: header}"></div>

<link rel="stylesheet" type="text/css" th:href="@{/h-ui/lib/webuploader/0.1.5/webuploader.css}"/>
<body>
    <header>
        <a class="back" href="javascript:history.go(-1);"> <i class="iconfont icon-fanhui"></i></a>
        <span >报修</span>
    </header>
    <!-- 内容 -->
    <section class="content has_header">
        <div class="form">
            <div class="form_item">
                <input type="text" maxlength="63" required id="question_name" placeholder="问题描述：">
            </div>
            <div class="form_item">
                <textarea id="description"  maxlength="254" cols="30" rows="10" placeholder="具体描述："></textarea>
            </div>
            <div class="form_item">
                <input type="text" id="location" placeholder="位置"/>
            </div>
            <!--
            <div class="form_item">
                <input type="text" id="datetimepicker2" readonly placeholder="上门处理时间"/>
            </div> -->
            <div class="form_item">
                <input type="text" id="deal_date"  maxlength="63" placeholder="上门处理时间段,工作日/非工作日/具体某日"/>
            </div>
            <div class="form_item">
                <span>上传照片：</span> <input type="file" />
                <div class="uploader-thum-container">
					<div id="fileList" class="uploader-list"></div>
					<div id="filePicker">选择图片</div>
					<input type="hidden" value="" th:id="img" th:name="img"/>
					<div id="fileListPre"></div>
				</div>
            </div>
            <div class="form-btn">
                <button class="btn btn_yellow" onclick="submitRepair()">提交</button>
                <button class="btn btn_yellow" onclick="javascript:history.go(-1);">取消</button>
            </div>
        </div>
       
    </section>
	<script type="text/javascript" th:src="@{/h-ui/lib/webuploader/0.1.5/webuploader.min.js}"></script> 
    <script type="text/javascript" th:src="@{/js/common/webUploadUtil.js}"></script>
    <script th:inline="javascript">
    
    $(function(){  
        /* // $("#datetimepicker").mobiscroll().datetime();  
          
        var currYear = (new Date()).getFullYear();    
  
        //初始化日期控件  
        var opt = {  
            preset: 'datetime', //日期，可选：date\datetime\time\tree_list\image_text\select  
            theme: 'default', //皮肤样式，可选：default\android\android-ics light\android-ics\ios\jqm\sense-ui\wp light\wp  
            display: 'modal', //显示方式 ，可选：modal\inline\bubble\top\bottom  
            mode: 'scroller', //日期选择模式，可选：scroller\clickpick\mixed  
            lang:'zh',  
            dateFormat: 'yyyy-mm-dd', // 日期格式  
            setText: '确定', //确认按钮名称  
            cancelText: '取消',//取消按钮名籍我  
            dateOrder: 'yyyymmdd', //面板中日期排列格式  
            dayText: '日', monthText: '月', yearText: '年', //面板中年月日文字  
            showNow: false,    
            nowText: "今",    
            startYear:currYear, //开始年份    
            endYear:currYear + 100 //结束年份    
            //endYear:2099 //结束年份  
        };  
          
        $("#datetimepicker1").mobiscroll(opt);  
        $("#datetimepicker2").mobiscroll(opt);   */

         // 初始化图片上传
    	var options = {
    		auto: false,
    	    uploadBtnId: '#filePicker',
    	    picturePreId: 'fileListPre',
    	    hiddenPictureUrl: 'fileDown.file_id',
    	    hiddenPictureName: 'imgName',
    	    accept: {
    	        title: 'Images',
    	        extensions: 'gif,jpg,jpeg,bmp,png',
    	        mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
    	    },
    	    width: 81,
    	    height: 81,
    	    fileSizeLimit: 100 * 1024 * 1024,
    	    fileSingleSizeLimit: 100 * 1024 * 1024,
    		fileNumLimit: 3,
    		append:true
    	}; 

    	var webUploadPicture = new $WebUploadPicture(options);
    	webUploadPicture.init(); 
          
    });  

    function submitRepair(){
    	var questionNameObj = $("#question_name");
    	var descriptionObj = $("#description");
    	var locationObj = $("#location");
    	var dealDateObj = $("#deal_date");
		
    	$.ajax({
            type: "POST",
            dataType: "json",
            contentType: 'application/json',
            url: pagePath + "/mobile/repair/applyRepairInfo",
            data: getMaintenance(),
            beforeSend: function () {
                if (questionNameObj.val() == "") {
                    sadMessage("请输入问题描述!");
                    questionNameObj.focus();
                    return false;
                }
                if (descriptionObj.val() == "") {
                    sadMessage("请输入具体描述!");
                    descriptionObj.focus();
                    return false;
                }
                if (dealDateObj.val() == "") {
                    sadMessage("请输入上门处理时间段!");
                    dealDateObj.focus();
                    return false;
                }
            }, 
            success: function (result) {
                if (result.success) {
                	smileMessage(result.message);
                	window.location.href = pagePath+"/mobile/home";
                } else {
                	sadMessage(result.message);
                }
            },
            error: function () {
            	alert("系统错误!");
                //errorMessage('系统错误!');
            }
        });
    }
    
    function getMaintenance(){
    	var maintenance = {
    		question_name : $("#question_name").val(),
    		description : $("#description").val(),
    		location : $("#location").val(),
    		deal_date : $("#deal_date").val(),
    		fileDowns : getImgs()
    	};
    	return JSON.stringify(maintenance);
    }
    
    function getImgs(){
    	var fileDowns = [];
    	$("#fileListPre").find("input[id$='PicUrl']").each(function(i,item){
    		$(this).attr("name","fileDowns["+i+"].file_id");
    		var file = {
    				file_id:$(this).val(),
    				file_name:null,
    				file_url:null
    		}
    		fileDowns.push(file);
    	});
    	return fileDowns;
    }

    
    </script>
    <div class="bottom-fxied">
        <footer>
            <span>
                <a th:href="@{/mobile/home}"  >
                <i class="iconfont icon-shouye"></i>
                <div>首页</div>
                </a>
            </span>
            <span>
                <a th:href="@{/mobile/company/companyPage}" >
                <i class="iconfont icon-enterprise"></i>
                <div>产品</div>
                </a>
            </span>
            <span>
            <a th:href="@{/mobile/service}" class="active">
                <i class="iconfont icon-msnui-service"></i>
                <div>服务</div>
            </a>
            </span>

            <span>
             <a th:href="@{/mobile/account}">
                <i class="iconfont icon-wo"></i>
                <div>我</div>
            </a>
            </span>
        </footer>

    </div>
</body>
</html>