guyitang/js/customer/resumeAnalysis.html

<!-- <div id="_resumeAnalysisDiv" style="opacity:0"> -->
	<!-- <input type="text" id="recuritmentDemand" name="recuritmentDemand" class="input-height" > -->
<!-- 	<div class="photoCtrlBox" style="overflow:hidden">
		<div style="float:left;margin-left:15px">
			<span style="margin-left:-15px">招聘需求：</span>&nbsp;&nbsp;
			<div style="margin-left:45px;margin-top:-20px;margin-bottom:15px;width:200px">
				<input type="text" id="recuritmentDemand" name="recuritmentDemand" class="input-height">
			</div>
		</div>
		<div style="float:left;margin-left:15px;">
			<span id="resumeAnalysisErrorMesg" style="margin-left:-15px;color:red;"></span>
		</div>
	</div>
	<div class="photoCtrlBox">
	   <div id="upload"></div>
	</div>
	<div style="margin-top:25px">
	<span><p>(支持的文件格式:txt,html,doc,docx,pdf,wps,rtf,eml,msg,mht)大小不能超过2M</p></span>
	</div>
 -->
<!-- </div> -->

<!-- 简历导入模态框（Modal） -->
<div class="modal hide fade" id="resumeInput-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" id="closeAnalyzeDialog" data-dismiss="modal" aria-hidden="true">
            <!-- &times; -->
        </button>
        <button type="button" class="close min" data-dismiss="modal" aria-hidden="true">
            一&nbsp;&nbsp;
        </button>
        <h4 class="modal-title">
            <p class="modal-title-main">导入本地简历</p>
            <p class="modal-title-tip">
                我们支持多种格式：DOC,DOCX,TXT,PDF,MSG,WPS,JPG,PNG,GIF,RTF<br/>
                (
			<span class="red-font">为保证解析效果，请尽量上传招聘网站标准格式简历。</span>
	      	最多可上传100份简历，单份文件最大不超过20M)
            </p>
        </h4>
    </div>
    <div class="modal-body">   
        <div class="some-resume"><!-- some-resume-hide -->
            <div class="analysis-wrapper clearfix">
                <div class="analysis-tab clearfix">
                    <button class="analysis-todo tab-current">待解析（<span class="todoAmount">0</span>）</button>
                    <button class="analysis-success">解析成功（<span class="successedAmount">0</span>）</button>
                    <button class="analysis-failure">解析失败（<span class="failedAmount">0</span>）</button>
                </div>
                <div class="analysis-progress">
                    <div class="progress-wrapper">
                        <div class="progress-done"></div>
                    </div>
                    <span class="analysis-done-num doneAmount">0</span> /
                    <span class="analysis-resume-num resumeAmount">0</span>
                </div>                    
            </div>
            <div class="tab-ct tab-ct-current analysis-todo-ct">
                <div class="upload-resume-wrapper">
                    <div class="analy-field-line">
                        <div id="_resumeAnalysisDiv">
                            <input type="text" id="recuritmentDemand" name="recuritmentDemand" class="input-height">
                        </div>
                        <div id="_resumeAnalysisDiv2">
                            <input type="text" id="resumeSource" name="resumeSource" class="input-height">
                        </div>
                        <div class="shrTooltip">
                            <div class="icon" style="display: inline;">
                                <img id="tipsImg1" src="/shr/styles/images/tips.png"
                                     onmouseover="document.getElementById('tipsImg1').src='/shr/styles/images/tips_gray.png'"
                                     onmouseout="document.getElementById('tipsImg1').src='/shr/styles/images/tips.png'">
                            </div>
                            <div class="content" style="right:25px;left:auto">
                                1、如果选择了简历来源（内部推荐人可关键的简历来源为内部推荐），那么导入的简历都为该简历来源的；<br>
                                2、如果没有选择简历来源，导入的简历根据简历解析结果取值；<br>
                                3、如果没有选择简历来源即选择内部推荐人，系统默认当前简历为内部推荐简历。<br>
                            </div>
                        </div>
                        <div id="_resumeAnalysisDiv3">
                            <input type="text" id="interRecommendation" name="interRecommendation" class="input-height">
                        </div>
                        <div id="_resumeAnalysisDiv4" class="selectwrap">
                            <input type="text" id="sourceType" name="sourceType" placeholder="选择简历来源类型">
                        </div>
                        <div id="_resumeAnalysisDiv5" class="selectwrap">
                            <label>
                                <input type="checkbox" id ="isKeyTalent" name="isKeyTalent" value="true"> 是否重点人才
                            </label>
                        </div>
                        
                        <div id="_resumeAnalysisDiv6" class="selectwrap">
                            <input type="text" id="phoneModify" name="phoneModify" placeholder="手机号修订">
                        </div>
                    </div>
                    <div class="resume_upload_wrap">
                        <input type="file" name="resume_upload" id="resume_upload" multiple>
                        <button type="button" class="upload-btn">添加简历</button>
                        <div class="shrTooltip">
                            <div class="icon" style="display: inline;">
                                <img id="tipsImg" src="/shr/styles/images/tips.png"
                                     onmouseover="document.getElementById('tipsImg').src='/shr/styles/images/tips_gray.png'"
                                     onmouseout="document.getElementById('tipsImg').src='/shr/styles/images/tips.png'">
                            </div>
                            <div class="content" style="right:25px;left:auto">
                                1.请检查云服务注册及连接页面，刷新是否异常。如果是token的问题，刷新后可正常解析。<br>
                                2、如果还是无法解析，请运维人员在客户端中手动延长FStopTime（表数据： t_cds_cloudserviceconfig 的 字段 FStopTime）。<br>
                                3、若上述两种方式还是无法解析，请提单给金蝶研发处理。<br>
                            </div>
                        </div>
                    </div>
                    <a id="viewLog">查看解析结果</a>
                </div>
                <div id="inputcontainer"></div>
                <div class="button-wrapper">
                    <button type="button" id="startAnalyze" class="right-btn">
                        开始解析
                    </button>
                    <button type="button" id="clearResumeList" class="left-btn">
                        清空
                    </button>
                    
                </div>                          
            </div>
            <div class="tab-ct analysis-success-ct">
                <div class="analysis-item" id="resume-list-success"></div>
                <div class="button-wrapper">
                    <button type="button" id="closeAnalyze" class="right-btn">
                        关闭
                    </button>
                </div>    
            </div>  
            <div class="tab-ct analysis-failure-ct">
                <div class=" analysis-item" id="resume-list-failure">  
                </div>      
                <div class="button-wrapper">
                    <button type="button" id="clearFailedResume" class="left-btn">
                        清空
                    </button>
                    <button type="button" id="restartUpload" class="right-btn">
                        重新解析
                    </button>
                </div>    
            </div>                  
        </div> 
        <div class="empty-resume">
            <img class="no-resume" src="/shr/addon/recuritment/web/images/noResume.png" alt="">
            <div  class="no-resume-des">您还未添加简历，请点击添加</div>
        </div>
        <div class="result">
            <div class="all-success">
                <img src="/shr/addon/recuritment/web//images/analysis-result.png" alt="">
                <div class="result-des">
                        已为您解析简历 <span class="resumeAmount" style="color:#59cc88"></span> 份，
                        成功 <span class="successedAmount"></span> 份                             
                </div>
                <div class="result-btn-wrapper">
                    <button class="left-btn continueAnalyze">继续上传</button>
                    <button id="check_succeeded" class="check-result right-btn">返回查看</button>
                </div>
            </div>
            <div class="some-failed">
                <img src="/shr/addon/recuritment/web//images/analysis-result.png" alt="">
                <div class="result-des">
                    已为您解析简历 <span class="resumeAmount"></span> 份，
                    成功 <span class="successedAmount" style="color:#59cc88"></span> 份，
                    失败 <span class="failedAmount" style="color:#fb887b"></span> 份，
                </div>
                <div class="result-btn-wrapper">
                    <button class="left-btn continueAnalyze">继续上传</button>
                    <button id="check_failed" class="check-result right-btn">返回查看</button>
                </div>
            </div>
        </div>
	</div>
</div>
<div class="minimize-analysis">
    <div class="progress-ball">
        <span class="mini-doneAmount doneAmount">0</span>
        /
        <span class="mini-resumeAmount resumeAmount">0</span>
    </div>
    <div class="expansion">
        <div class="maximize">
            <div class="maximize-icon"></div>
        </div>  
        <div class="min-failure">
            <span class="m-l-22 ">解析失败</span>
            <span class="failure-font failedAmount">0</span>
            <span>个</span>
        </div>  
        <div class="min-success">
            <span class="m-l-22">解析成功</span>
            <span class="success-font successedAmount">0</span>
            <span>个</span>
        </div>
        <div class="min-todo">
            <span class="m-l-22">等待解析</span>
            <span class="todo-font todoAmount">0</span>
            <span>个</span>
        </div>
        <div class="analysis-result">解析中...</div>
    </div> 
</div>
<!-- handlebars 模板 -->
<script id="handlebars-template" type="text/x-handlebars-template">
    {{#if resumes}}
    <div class="resume-list-wrapper">
	    {{#each resumes}}
            <div class="resume-list clearfix">
                <span class="resume-name" title="{{resumeName}}">{{resumeName}}</span>
                {{#with taskState}}
                {{#analyzeSucceed value }}
                <span class="resume-state resume-state-success">
                    <img src='/shr/addon/recuritment/web/images/analyse-success-icon.png' alt="" />
                </span>
                {{else}}
                <span class="resume-state resume-state-failure" title="{{formatState value}}">{{formatState value}}
                </span>
                <!-- <span class="resume-state resume-state-failure">{{../info}}</span> -->
                {{/analyzeSucceed}}
                {{/with}}
                <span class="cancel">
                    <a href="javascript:;" resume-id="{{id}}"></a>
                </span>
            </div>
	    {{/each}}
    </div>
    {{else}}
    <div class="resume-list-wrapper">
        <img class="no-resume" src="/shr/addon/recuritment/web/images/noResume.png" alt="">
        <div class="no-resume-des">{{des}}</div>
    </div>
    {{/if}}
</script>