#@layout()

#define main()
<style>
	/*input[readonly]{*/
	/*background-color: #efefef*/
	/*}*/
	input[disabled="disabled"]{
		background-color: #efefef
	}
	textarea[disabled="disabled"]{
		background-color: #efefef
	}
	input:focus {
		outline: 1.5px solid #7FFA30; /* 聚焦时的边框颜色 */
	}
	input:hover {
		outline: 1.5px solid #7FFA30; /* 聚焦时的边框颜色 */
	}
	textarea:focus {
		outline: 1.5px solid #7FFA30; /* 聚焦时的边框颜色 */
	}
	textarea:hover {
		outline: 1.5px solid #7FFA30; /* 聚焦时的边框颜色 */
	}
</style>
<div>
<div>当前位置：<span class="layui-breadcrumb" lay-separator=">">
    <a href=""><cite>快速整体评分</cite></a>
</span></div>
	<div >
		<div >
			<form id="searchForm" class="layui-form layui-form-pane" lay-size="sm" action="" onclick="javascript:return false;">
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">考核周期</label>
						<div class="layui-input-inline">
							<input type="text"  value="#(jxEntryList.get(0).entry_cyclename )" class="layui-input"readonly="readonly">
						</div>
					</div>

				</div>

			</form>
		</div>
    <table id="personalkh" class="layui-table table-border" style="table-layout:fixed;width:100%;" lay-size="sm"
           lay-filter=""  >
        <tr class="tr-bgcolor" >
            <td  class="td-bgcolor" align="center"  width="1%">序号</td>
            <td  class="td-bgcolor" align="center"  width="4%">被考核人</td>
            <td  class="td-bgcolor" align="center"  width="4%">被考核人部门</td>
			<td  class="td-bgcolor" align="center"  width="2%">自评分</td>
			<td  class="td-bgcolor" align="center"  width="4%">组长评分<br/><span style="color: red;font-size: 10px">每项按百分制评分</span></td>
			<td  class="td-bgcolor" align="center"  width="4%">组长评级</td>
			<td  class="td-bgcolor" align="center"  width="10%">组长综合评价</td>
			<td  class="td-bgcolor" align="center"  width="4%">总监评分<br/><span style="color: red;font-size: 10px">每项按百分制评分</span></td>
			<td  class="td-bgcolor" align="center"  width="4%">总监评级</td>
			<td  class="td-bgcolor" align="center"  width="10%">总监综合评价</td>
			<td  class="td-bgcolor" align="center"  width="4%">总经理评分<br/><span style="color: red;font-size: 10px">每项按百分制评分</span></td>
			<td  class="td-bgcolor" align="center"  width="4%">总经理评级</td>
			<td  class="td-bgcolor" align="center"  width="10%">总经理综合评价</td>
			<td  class="td-bgcolor" align="center"  width="5%">操作</td>

        </tr>

        #for(jxEntry:jxEntryList)
            <tr id = 'trflag#(for.count)' index='#(for.count)' entryId="#(jxEntry.entry_id)" managerLv="#(jxEntry.entry_appmanagerlv)">
                <td align="center">#(for.count)</td>
                <td class="td-bgcolor" align="center">#(jxEntry.entry_khpersonname)
                </td>
                <td align="center"  style="padding: 0px 0px;">#(jxEntry.entry_khdeptname)</td>
				<td align="center"  style="padding: 0px 0px;">#(jxEntry.entry_zpscore)</td>
				<td align="center"  style="padding: 0px 0px;"><input type="text" id="entry_scorelv1#(jxEntry.entry_id)" name="entry_scorelv1" #if(jxEntry.entry_appmanagerlv !=1) disabled="disabled" #end  value="#(jxEntry.entry_scorelv1)" class="layui-input" ></td>
				<td align="center"  style="padding: 0px 0px;">
						<input type="text" 	disabled="disabled" name="entry_ratinglv1"  id="entry_ratinglv1#(jxEntry.entry_id)" value="#(jxEntry.entry_ratinglv1)" class="layui-input" #if(jxEntry.entry_appmanagerlv==1)style="font-size:20px;font-weight:bold;" #end>
				</td>
				<td align="center"  style="padding: 0px 0px;"><textarea style="height:100px;padding: 5px 5px;"  #if(jxEntry.entry_appmanagerlv !=1) disabled="disabled" #end id="entry_infolv1#(jxEntry.entry_id)" class="layui-textarea">#(jxEntry.entry_infolv1)</textarea></td>


				<td align="center"  style="padding: 0px 0px;"><input type="text" id="entry_scorelv2#(jxEntry.entry_id)" name="entry_scorelv2" #if(jxEntry.entry_appmanagerlv !=2) disabled="disabled" #end
					value="#(jxEntry.entry_scorelv2)" class="layui-input" ></td>
				<td align="center"  style="padding: 0px 0px;">
					<input type="text" 	disabled="disabled" name="entry_ratinglv2"  id="entry_ratinglv2#(jxEntry.entry_id)" value="#(jxEntry.entry_ratinglv2)" class="layui-input" #if(jxEntry.entry_appmanagerlv==2)style="font-size:20px;font-weight:bold;" #end>
				</td>
				<td align="center"  style="padding: 0px 0px;"><textarea style="height:100px;padding: 5px 5px;"  #if(jxEntry.entry_appmanagerlv !=2) disabled="disabled" #end id="entry_infolv2#(jxEntry.entry_id)"
						class="layui-textarea">#(jxEntry.entry_infolv2)</textarea></td>


				<td align="center"  style="padding: 0px 0px;"><input type="text" id="entry_scorelv3#(jxEntry.entry_id)" name="entry_scorelv3" #if(jxEntry.entry_appmanagerlv !=3) disabled="disabled" #end
																	value="#(jxEntry.entry_scorelv3)" class="layui-input" ></td>
				<td align="center"  style="padding: 0px 0px;">
					<input type="text" 	disabled="disabled" name="entry_ratinglv3"  id="entry_ratinglv3#(jxEntry.entry_id)" value="#(jxEntry.entry_ratinglv3)" class="layui-input" #if(jxEntry.entry_appmanagerlv==3)style="font-size:20px;font-weight:bold;" #end>
				</td>
				<td align="center"  style="padding: 0px 0px;"><textarea style="height:100px;padding: 5px 5px;"  #if(jxEntry.entry_appmanagerlv !=3) disabled="disabled" #end id="entry_infolv3#(jxEntry.entry_id)" class="layui-textarea">#(jxEntry.entry_infolv3)</textarea></td>
				<td align="center"  style="padding: 0px 0px;"><a href="#(ctx)/jxp/toJxKpiQueryPage?type=2&entryid=#(jxEntry.entry_id)"  class='layui-btn layui-btn-xs'>查看明细</a>
					<br/><br/><a href="javascript:void(0);" onclick="showRatingPercent('#(jxEntry.entry_id)');"  class="layui-btn layui-btn-xs" >评级分布</a></td>

            </tr>
        #end
    </table>
    <div class="layui-input-block"  align="center">
		 <a href="javascript:submitKh(1);"class="layui-btn layui-btn-xs">保存 </a>
		 <a href="javascript:submitKh(2);"class="layui-btn layui-btn-xs">提交</a>

	     <a href="javascript:void(0);" onclick="javascript :history.back(-1);" class="layui-btn layui-btn-xs">返回</a>

	</div>
	</div>

<br><br><br><br>
#end

#define js()


<script>
    layui.use('table', function () {
        var table = layui.table;
        updateClickEnvent();
    });


    function updateClickEnvent() {
        var trs = $("#personalkh").find("tr");
        for(var i=1; i <=trs.length-1; i++) {
            var scorelv1 = $(trs[i]).find('input[name="entry_scorelv1"]');
            scorelv1.blur(function() {
                var result = isHundredNumber4($(this).val());
                if (result != "0") {
                    layer.msg(result, {time: 1300});
                    return;
                }
                setRating($(this).val(),$(this).parent().parent().find('input[name="entry_ratinglv1"]'));
            });

            var scorelv2 = $(trs[i]).find('input[name="entry_scorelv2"]');
            scorelv2.blur(function() {
                var result = isHundredNumber4($(this).val());
                if (result != "0") {
                    layer.msg(result, {time: 1300});
                    return;
                }
                setRating($(this).val(),$(this).parent().parent().find('input[name="entry_ratinglv2"]'));
            });

            var scorelv3 = $(trs[i]).find('input[name="entry_scorelv3"]');
            scorelv3.blur(function() {
                var result = isHundredNumber4($(this).val());
                if (result != "0") {
                    layer.msg(result, {time: 1300});
                    return;
                }
                setRating($(this).val(),$(this).parent().parent().find('input[name="entry_ratinglv3"]'));
            });
        }
    }
    function setRating(score,ratingObj){ // 自动算评级 评级算法
        if(score>=95){
            $(ratingObj).val("S");
            $(ratingObj).css("color","blue");
        }else if(95>score&& score>=90){
            $(ratingObj).val("A");
            $(ratingObj).css("color","black");
        }else if(90>score&& score>=80){
            $(ratingObj).val("B");
            $(ratingObj).css("color","black");
        }else if(80>score&& score>=70){
            $(ratingObj).val("C");
            $(ratingObj).css("color","#F7C822");
        }else if(70>score){
            $(ratingObj).val("D");
            $(ratingObj).css("color","red");
        }

    }

    //保存考核人员
    function submitKh(type){
        var d = {}
        var trs = $("#personalkh").find("tr");
        var entrys = [];

        //entryId="" managerLv
        for(var i=1; i <=trs.length-1; i++) {
            var entryId = $(trs[i]).attr("entryId");
            var managerLv = $(trs[i]).attr("managerLv");

            var info = $("#entry_infolv"+managerLv+entryId).val();;
            var score = $("#entry_scorelv"+managerLv+entryId).val();;
            var rating = $("#entry_ratinglv"+managerLv+entryId).val();

            var result = isHundredNumber4(score);
            if (result != "0") {
                layer.msg("第"+i+"行评分"+result, {time: 1300});
                return;
            }
            var temp = {};
            temp.entryId = entryId;
            temp.info = info;
            temp.rating = rating;
            temp.score = score;
            entrys.push(temp);
        }
        d.entrys = entrys;
        if(type ==1){
            //保存数据
            AjaxTool.XPostx("#(ctx)/jxp/saveQuickGrading", JSON.stringify(d),
                function(data) {
                    if(data.code == 'success'){
                        layer.alert('保存成功');
                    }else{
                        layer.alert('保存失败!'+(data.msg?data.msg:''));
                    }
                }, function(data) {
                    layer.msg('保存失败，您可能已掉线，请刷新页面或关闭后重试！!'+(data.msg?data.msg:''),{time: 1000});
                });
		}
        if(type ==2){
			//提交数据
            AjaxTool.XPostx("#(ctx)/jxp/submitQuickGrading", JSON.stringify(d),
                function(data) {
                    if(data.code == 'success'){
                        layer.alert('提交成功',function (data) {
                            window.location.href='#(ctx)/jxp/toMyToDoListPage';
                        });
                    }else{
                        layer.alert('提交失败!'+(data.msg?data.msg:''));
                    }
                }, function(data) {
                    layer.msg('提交失败，您可能已掉线，请刷新页面或关闭后重试！!'+(data.msg?data.msg:''),{time: 1000});
                });
        }

    }
    function showRatingPercent(entryId){
            layer.open({
                type: 2,
                title: '部门评级分布',
                maxmin: true,
                shadeClose: true, //点击遮罩关闭层
                area: ['800px', '520px'],
                content: '#(ctx)/jxp/toDeptRatingPercentPage?entryId='+entryId
            });
	}

</script>
#end