#@layout()
#define main()
<style>
	input[readonly]{
		background-color: #efefef
	}
    textarea[readonly]{
        background-color: #efefef
    }
    .mybg{
        background-color: #cdddd8
    }
    .mybg textarea[readonly]{
        background-color: #cdddd8
    }
    .layui-btn{
        margin-left:3px;
        margin-top:3px;
    }
    .myupdown{
        margin-left:3px;
        margin-right:4px;
    }
    .preline{
        white-space: pre-line;
    }
    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>当前位置：<span class="layui-breadcrumb" lay-separator=">">
    <a href=""><cite>#(jxEntry.entry_khpersonname)的指标明细</cite></a>
</span></div>
<div id="mainContent">
    <ul>
        <li>
            <div >
                <blockquote class="layui-elem-quote">
                    一、个人专业业务指标
                </blockquote>
                <input type="hidden" value="#(kpiList0.size())" id="trindex0">
                <div class="layui-colla-content  layui-show" style="margin-top:-20px;border-top-style:none">
                <table id="personalkpi0" class="layui-table " style="width:100%;" lay-size="sm"
                       lay-filter="">
                    <tr class="tr-bgcolor" >
                        <td  class="td-bgcolor"  align="center"   style="display: none"></td>
                        <td  class="td-bgcolor" align="center"  width="5%" >序号</td>
                        <td  class="td-bgcolor" align="center"   style="display: none" >kpi序号</td>
                        <td  class="td-bgcolor" align="center"  width="15%">关键考核指标</td>
                        <td  class="td-bgcolor" align="center"  width="65%">衡量标准</td>
                        <td  class="td-bgcolor" align="center"  width="10%">权重(%)</td>
                        #if(jxEntry.entry_apptype == "5" || type == "61" )<td  class="td-bgcolor" align="center"  width="7%">操作</td>#end
                    </tr>
                    #for(kpi:kpiList0)
                    #if(jxEntry.entry_apptype == "5" || type == "61")<!-- 表示kpi在考核人节点-->
                    <tr id = "trflag0#(for.count)" head="#(kpi.kpi_head)" index="#(for.count)" #if(kpi.kpi_head == "2") class="mybg" #end>
                    <td  align="center" style="display: none"><input type="checkbox" name="kpiid" kpiid="#(kpi.kpi_id)" ></input></td>
                    <td  align="center" >#(for.count)</td>
                    <td align="center" style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"   class="layui-textarea"   name="kpiname">#(kpi.kpi_name)</textarea></td>
                    <td style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"   class="layui-textarea"  name="kpicaption">#(kpi.kpi_caption)</textarea></td>
                    <td  style="padding: 1px 1px;"><input type="text" #if(kpi.kpi_head=="2") value1="#(kpi.kpi_weight)" #else value="#(kpi.kpi_weight)" #end class="layui-input" #if(kpi.kpi_head=="2")  disabled   #end   name="kpiweight"></td>
                    <td>
                        <a href="javascript:void(0);" onclick="delJxKpi(this,'personalkpi0');"  class="layui-btn layui-btn-xs">删除指标</a><br/>
                    </td>

                    </tr>
                    #else if(jxEntry.entry_apptype == "6" || jxEntry.entry_apptype == "61")<!-- 表示kpi在上级领导审批-->
                    <tr id = "trflag0#(for.count)" head="#(kpi.kpi_head)" index="#(for.count)" #if(kpi.kpi_head == "2") class="mybg" #end>
                    <td  align="center" style="display: none"><input type="checkbox" kpiid="#(kpi.kpi_id)" ></input></td>
                    <td  align="center" >#(for.count)</td>
                    <td align="center" style="padding: 0px 0px;">#(kpi.kpi_name)</td>
                    <td style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"   class="layui-textarea  "  readonly="readonly"  name="kpicaption">#(kpi.kpi_caption)</textarea></td>
                    <td  style="padding: 1px 1px;"><input type="text" value="#(kpi.kpi_weight)" class="layui-input" disabled    name="kpiweight"></td>
                    </tr>
                    #end
                    #end
                </table>
                </div>
            </div>
        </li>
        <li>
            #if(jxEntry.entry_apptype == "5" || type == "61")<!-- 表示kpi在考核人节点-->
            <div class="layui-input-block"  align="center">
                <a href="javascript:void(0);" onclick="addKpi('0');"
                   class="layui-btn layui-btn-xs">手工添加指标</a>
            </div>
            #end
        </li>
        <li>
            <div>
                <blockquote class="layui-elem-quote">
                    二、行为指标与协助效能
                </blockquote>
                <input type="hidden" value="#(kpiList1.size())" id="trindex1">
                <div class="layui-colla-content  layui-show" style="margin-top:-20px;border-top-style:none">
                <table id="personalkpi1" class="layui-table " style="width:100%;" lay-size="sm"
                       lay-filter="">
                    <tr class="tr-bgcolor" >
                        <td  class="td-bgcolor"  align="center"  width="1%" style="display: none"></td>
                        <td  class="td-bgcolor" align="center"  width="5%" >序号</td>
                        <td  class="td-bgcolor" align="center"   style="display: none" >kpi序号</td>
                        <td  class="td-bgcolor" align="center"  width="15%">关键考核指标</td>
                        <td  class="td-bgcolor" align="center"  width="65%">衡量标准</td>
                        <td  class="td-bgcolor" align="center"  width="10%">权重(%)</td>
                        #if(jxEntry.entry_apptype == "5" || type == "61")<td  class="td-bgcolor" align="center"  width="7%">操作</td>#end
                    </tr>
                    #for(kpi:kpiList1)
                    #if(jxEntry.entry_apptype == "5" || type == "61")<!-- 表示kpi在考核人节点-->
                    <tr id = "trflag1#(for.count)" head="#(kpi.kpi_head)" index="#(for.count)" #if(kpi.kpi_head == "2") class="mybg" #end>
                    <td  align="center" style="display: none"><input type="checkbox"  name="kpiid" kpiid="#(kpi.kpi_id)" ></input></td>
                    <td  align="center" >#(for.count)</td>
                    <td align="center" style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"  #if(kpi.kpi_baseid??)  readonly-del="readonly"   #end  class="layui-textarea"   name="kpiname">#(kpi.kpi_name)</textarea></td>
                    <td style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"    #if(kpi.kpi_baseid??)  readonly-del="readonly"   #end class="layui-textarea"  name="kpicaption">#(kpi.kpi_caption)</textarea></td>

                    <td  style="padding: 1px 1px;"><input type="text" #if(kpi.kpi_head=="2") value1="#(kpi.kpi_weight)" #else value="#(kpi.kpi_weight)" #end class="layui-input" #if(kpi.kpi_head=="2")  disabled   #end   name="kpiweight"></td>
                    <td>
                        <a href="javascript:void(0);" onclick="delJxKpi(this,'personalkpi1');"  class="layui-btn layui-btn-xs">删除指标</a><br/>
                    </td>

                    </tr>
                    #else if(jxEntry.entry_apptype == "6" || jxEntry.entry_apptype == "61")<!-- 表示kpi在上级领导审批-->
                    <tr id = "trflag1#(for.count)" head="#(kpi.kpi_head)" index="#(for.count)" #if(kpi.kpi_head == "2") class="mybg" #end>
                    <td  align="center" style="display: none"><input type="checkbox" kpiid="#(kpi.kpi_id)" ></input></td>
                    <td  align="center" >#(for.count)</td>
                    <td  align="center" style="padding: 0px 0px;">#(kpi.kpi_name)</td>
                    <td style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"    readonly="readonly"    class="layui-textarea"  name="kpicaption">#(kpi.kpi_caption)</textarea></td>

                    <td  style="padding: 1px 1px;"><input type="text" value="#(kpi.kpi_weight)" class="layui-input" disabled    name="kpiweight"></td>
                    </tr>
                    #end
                    #end
                </table>
                </div>
            </div>
        </li>

        #if(jxEntry.entry_apptype == "5" || type == "61")<!-- 表示kpi在考核人节点-->
        <li>
        <div class="layui-input-block"  align="center">
            <a href="javascript:void(0);" onclick="selectBaseKpi('1');"
               class="layui-btn layui-btn-xs">从指标库选取</a>
        </div>
        </li>
        #end
        <li>
            <div>
                <blockquote class="layui-elem-quote">
                    三、团队任务指标
                </blockquote>
                <input type="hidden" value="#(kpiList2.size())" id="trindex2">
                <div class="layui-colla-content  layui-show" style="margin-top:-20px;border-top-style:none">
                    <table id="personalkpi2" class="layui-table " style="width:100%;" lay-size="sm"
                           lay-filter="">
                        <tr class="tr-bgcolor" >
                            <td  class="td-bgcolor"  align="center"  width="1%" style="display: none"></td>
                            <td  class="td-bgcolor" align="center"  width="5%" >序号</td>
                            <td  class="td-bgcolor" align="center"   style="display: none" >kpi序号</td>
                            <td  class="td-bgcolor" align="center"  width="15%">关键考核指标</td>
                            <td  class="td-bgcolor" align="center"  width="65%">衡量标准</td>
                            <td  class="td-bgcolor" align="center"  width="10%">权重(%)</td>
                            #if(jxEntry.entry_apptype == "5" || type == "61")<td  class="td-bgcolor" align="center"  width="7%">操作</td>#end
                        </tr>
                        #for(kpi:kpiList2)
                        #if(jxEntry.entry_apptype == "5" || type == "61")<!-- 表示kpi在考核人节点-->
                        <tr id = "trflag2#(for.count)" head="#(kpi.kpi_head)" index="#(for.count)" #if(kpi.kpi_head == "2") class="mybg" #end>
                        <td  align="center" style="display: none"><input type="checkbox"  name="kpiid" kpiid="#(kpi.kpi_id)" ></input></td>
                        <td  align="center" >#(for.count)</td>
                        <td align="center" style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"   class="layui-textarea"   name="kpiname">#(kpi.kpi_name)</textarea></td>
                        <td style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"    class="layui-textarea"  name="kpicaption">#(kpi.kpi_caption)</textarea></td>

                        <td  style="padding: 1px 1px;"><input type="text" #if(kpi.kpi_head=="2") value1="#(kpi.kpi_weight)" #else value="#(kpi.kpi_weight)" #end class="layui-input" #if(kpi.kpi_head=="2")  disabled   #end   name="kpiweight"></td>
                        <td>
                            <a href="javascript:void(0);" onclick="delJxKpi(this,'personalkpi2');"  class="layui-btn layui-btn-xs">删除指标</a><br/>
                        </td>

                        </tr>
                        #else if(jxEntry.entry_apptype == "6" || jxEntry.entry_apptype == "61")<!-- 表示kpi在上级领导审批-->
                        <tr id = "trflag2#(for.count)" head="#(kpi.kpi_head)" index="#(for.count)" #if(kpi.kpi_head == "2") class="mybg" #end>
                        <td  align="center" style="display: none"><input type="checkbox" kpiid="#(kpi.kpi_id)" ></input></td>
                        <td  align="center" >#(for.count)</td>
                        <td align="center" style="padding: 0px 0px;">#(kpi.kpi_name)</td>
                        <td style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"    readonly="readonly"    class="layui-textarea"  name="kpicaption">#(kpi.kpi_caption)</textarea></td>

                        <td  style="padding: 1px 1px;"><input type="text" value="#(kpi.kpi_weight)" class="layui-input" disabled    name="kpiweight"></td>
                        </tr>
                        #end
                        #end
                    </table>
                </div>
            </div>
        </li>

        #if(jxEntry.entry_apptype == "5" || type == "61")<!-- 表示kpi在考核人节点-->
        <li>
        <div class="layui-input-block"  align="center">
                <a href="javascript:void(0);" onclick="addKpi('2');"
                   class="layui-btn layui-btn-xs">手工添加指标</a>
            <a href="javascript:void(0);" onclick="selectBaseKpi('2');"
               class="layui-btn layui-btn-xs">从指标库选取</a>


        </div>
        </li>
        #end
        #if(type == "61")<!--申请修改-->
        <li>
            <div  align="center" style="margin-left:15px;margin-right:15px;">
                <table id="applay" class="layui-table table-border" lay-size="sm">
                    <tr>
                        <td width="10%" class="td-bgcolor">申请原因：</td>
                        <td width ="90%">
                            <textarea style="height:40px;width:80%;padding: 5px 5px;" id="reason" ></textarea>
                        </td>
                    </tr>
                </table>
            </div>

        </li>
        #end
           <li>
               <div  align="center" style="margin-left:15px;margin-right:15px;">
                   <table id="logs" class="layui-table table-border" lay-size="sm">
                       <tr>
                           <td width="10%" class="td-bgcolor">流转日志：</td>
                           <td width ="90%">
                               #if(wfLog.size() != 0)
                               <div id="showLog" style="">
                                   <font color="#009688">&gt;&gt;&gt;&gt;&gt;展开日志&gt;&gt;&gt;&gt;&gt;</font>
                               </div>

                               <div id="operatrionLogs" style="display: none">
                                   #for(log:wfLog)
                                   #if(log.WFLOG_RESULT == "1")
                                   <font color="#009688">&gt;&gt;</font>&nbsp&nbsp#(log.WFLOG_DATE)：#(log.WFLOG_NAME)<br>
                                   #end
                                   #if(log.WFLOG_RESULT == "2")
                                   <font  color="#009688">&gt;&gt;</font><font #if(for.last) color="red" #end >&nbsp&nbsp#(log.WFLOG_DATE)：#(log.WFLOG_NAME)#if(log.WFLOG_TYPE!="5")   (原因：#(log.WFLOG_INFO))#end</font><br>
                                   #end
                                   #if(log.WFLOG_RESULT == "3")
                                   <font  color="#009688">&gt;&gt;</font><font #if(for.last) color="red" #end >&nbsp&nbsp#(log.WFLOG_DATE)：#(log.WFLOG_NAME)  (原因：#(log.WFLOG_INFO))</font><br>
                                   #end
                                   #end
                               </div>
                               <div id="hideLog" style="display: none">
                                   <font color="#009688">&lt;&lt;&lt;&lt;&lt;收起日志&lt;&lt;&lt;&lt;&lt;</font>
                               </div>
                               #end

                           </td>
                       </tr>
                   </table>
               </div>
               #if(jxEntry.entry_apptype == "5" || type == "61")<!-- 表示kpi在考核人节点-->
                   <div class="layui-input-block"  align="center">

                       #if(jxEntry.entry_apptype == "5")<a href="javascript:void(0);" onclick="saveOrSubmitSelfKpi('1');" class="layui-btn layui-btn-xs">保存</a>#end
                       <a href="javascript:void(0);" onclick="saveOrSubmitSelfKpi('2');" class="layui-btn layui-btn-xs">提交</a>
                       <a href="javascript:void(0);" onclick="getBeforeKpi();" class="layui-btn layui-btn-xs">导入上期指标</a>
                       #if(histFlag??)<a href="javascript:void(0);" onclick="showHist();"  class="layui-btn layui-btn-xs" >查看历史指标</a>#end
                   </div>

                   #if(jxEntry.entry_wfstatus == '3')
                   <div class="layui-input-block"  align="center">
                       <span style="color:red">打回原因:#(jxEntry.backReason)</span>
                   </div>
                   #end
               #end
               #if(jxEntry.entry_apptype == "6") <!-- 表示kpi在上级领导审批-->
               <div class="layui-input-block"  align="center">
                   <a href="javascript:void(0);" onclick="approvedSelfKpi();"
                      class="layui-btn layui-btn-xs">确认OK</a>
                   <a href="javascript:void(0);" onclick="backselfKpi();" class="layui-btn layui-btn-xs">打回修改</a>
                   <a href="javascript:void(0);" onclick="back();" class="layui-btn layui-btn-xs">返回</a>
                   #if(histFlag??)<a href="javascript:void(0);" onclick="showHist();"  class="layui-btn layui-btn-xs" >查看历史指标</a>#end
               </div>
               #end
               #if(jxEntry.entry_apptype == "61") <!-- 表示kpi在上级领导审批-->
               <div class="layui-input-block"  align="center">
                   <font color="red" >#(jxEntry.entry_khpersonname)申请修改指标,原因：#(jxEntry.applyReason)</font>
               </div>
               <div class="layui-input-block"  align="center">
                   <a href="javascript:void(0);" onclick="approvedApply();"
                      class="layui-btn layui-btn-xs">同意修改</a>
                   <a href="javascript:void(0);" onclick="backApply();" class="layui-btn layui-btn-xs">不同意修改</a>
                   <a href="javascript:void(0);" onclick="back();" class="layui-btn layui-btn-xs">返回</a>
                   #if(histFlag??)<a href="javascript:void(0);" onclick="showHist();"  class="layui-btn layui-btn-xs" >查看历史指标</a>#end
               </div>
               #end

			</li>
    </ul>
</div>
<br/>
<br/>
<br/>
#end
#define js()
<script>
    var layer ;
    var orgname;
    var personname;
    var rowlen =  0;
    layui.use(['table','layer','element'], function () {
        var table = layui.table;
        layer = layui.layer;
        updateClickEnvent();
        trHoverEnvent();
    });
    $(function () {

        var layer_tips = 0;
        $(document).on('mouseenter', '#kpi_name_msg', function () {
            layer_tips = layer.tips('关键目标主要来自于组织/部门绩效指标，此外，还可以包括您承担的重点工作，建议以3-5个为宜。', '#kpi_name_msg', {
                time: 0,
                tips: 1, area: ['300px', 'auto'],
            });
        }).on('mouseleave', '#kpi_name_msg', function () {
            layer.close( layer_tips);
        });
        var layer_tips1 = 1;
        $(document).on('mouseenter', '#kpi_name1_msg', function () {
            layer_tips1 = layer.tips('1、此部分主要体现了工作的思路（HOW），体现对关键目标的支撑；<br/>' +
                '2、应描述个人的独特贡献，为了实现关键目标需要您亲自抓、重点关注和推动的事情；<br/>' +
                '3、一个关键举措可以支撑多个关键目标，也可以有多个关键举措支撑同一个关键目标，建议以3-5个为宜。', '#kpi_name1_msg', {
                time: 0,
                tips: 1, area: ['300px', 'auto'],
            });
        }).on('mouseleave', '#kpi_name1_msg', function () {
            layer.close( layer_tips1);
        });
        /*var layer_tips2 = 2;
        $(document).on('mouseenter', '#kpi_name2_msg', function () {
            layer_tips2 = layer.tips('工作能力：带团队管理人员考评第1~7条<br/>' +
                '不带团队的人员考评第1~5条', '#kpi_name2_msg', {
                time: 0,
                tips: 1, area: ['300px', 'auto'],
            });
        }).on('mouseleave', '#kpi_name2_msg', function () {
            layer.close( layer_tips2);
        });
        var layer_tips3 = 3;
        $(document).on('mouseenter', '#kpi_name3_msg', function () {
            layer_tips3 = layer.tips('在上述内容基础上、与工作绩效直接相关的额外奖惩，采取直接加减分的形式，分值在-20分~+20分之间，单项事件不高于10分，根据以下标准酌情评分，申请加、减分项需要列举事由。', '#kpi_name3_msg', {
                time: 0,
                tips: 1, area: ['300px', 'auto'],
            });
        }).on('mouseleave', '#kpi_name3_msg', function () {
            layer.close( layer_tips3);
        });*/

    })
    function getSelectUser(data) {
        layer.closeAll();
        personname.val(data.uname);
        personname.attr("personid",data.id);
    }
    function setOrg(org){
        layer.closeAll();
        orgname.val(org.name);
        orgname.attr("orgId",org.id);
    }

    //为了消除layui自带鼠标悬浮变色影响到自定义的背景色
    function trHoverEnvent (){
        $(".layui-table tbody tr").hover(function () {
            console.log($(this).css("background-color"))
            $(this).css("background-color",$(this).css("background-color"));

        })
    }
    function upRow(atr){
        var data_tr = $(atr).parent().parent();
        if($(data_tr).prev().prev().html()==null){ //获取tr的前一个相同等级的元素是否为空
            layer.msg("已经是最顶部了!",{time: 1500});
            return;
        }else{
            var head2Sum = 0;
            var nextTr = $(data_tr).next();
            while($(nextTr).html()!=null && $(nextTr).attr("head")=="2"){
                head2Sum ++;
                nextTr = $(nextTr).next();
            }
            var upNum = 1;
            var prevTr = $(data_tr).prev();
            var head = prevTr.attr("head");
            while(head =="2"){
                upNum++;
                prevTr = $(prevTr).prev();
                head = prevTr.attr("head");
            }
            $(data_tr).insertBefore($(prevTr)); //将本身插入到目标tr的前面
            for(var i=1;i<=head2Sum;i++){
                var head2Tr =$(data_tr).next();
                for(var k=1;k<i;k++){
                    head2Tr = $(head2Tr).next();
                }
                for(var j=1;j<=upNum;j++){
                    head2Tr = $(head2Tr).next();
                }
                upRow1(head2Tr,upNum);
            }
            saveOrSubmitSelfKpi('1',true);
        }
    }
    function upRow1(atr,num){
        var prevTr =$(atr).prev();
        for(var i=1;i<num;i++){
            prevTr =$(prevTr).prev();
        }
        $(atr).insertBefore($(prevTr));
    }
    function downRow(atr){
        var data_tr = $(atr).parent().parent();
        if($(data_tr).next().html()==null){
            layer.msg("已经是最低部了!",{time: 1500});
            return;
        }else{

            var head2Sum = 0;
            var nextTr = $(data_tr).next();
            while($(nextTr).html()!=null && $(nextTr).attr("head")=="2"){
                head2Sum ++;
                nextTr = $(nextTr).next();
            }
            if($(nextTr).html()==null){
                layer.msg("已经是最低部了!",{time: 1500});
                return;
            }

            var downNum = 1;
            while($(nextTr).next().html()!=null && $(nextTr).next().attr("head") =="2"){
                downNum++;
                nextTr = $(nextTr).next();
            }
            //alert("-"+downNum+"-"+head2Sum);
            $(data_tr).insertAfter($(nextTr)); //将本身插入到目标tr的后面
            for(var i=1;i<=head2Sum;i++){
                var head2Tr =$(data_tr).prev();
                for(var k=head2Sum;k>i;k--){
                    head2Tr = $(head2Tr).prev();
                }
                for(var j=1;j<=downNum;j++){
                    head2Tr = $(head2Tr).prev();
                }
                //alert(head2Tr.attr("head")+"---" +(downNum+head2Sum-1)+"-"+downNum+"-"+head2Sum);
                downRow1(head2Tr,downNum+head2Sum);
               // break;
            }
            saveOrSubmitSelfKpi('1',true);
        }
    }
    function downRow1(atr,num){
        var nextTr =$(atr).next();
        for(var i=1;i<num;i++){
            nextTr =$(nextTr).next();
        }
        $(atr).insertAfter($(nextTr));
    }
    function updateClickEnvent(){
        //初始化列表中的人员控件
        var trs = $("#personalkpi").find("tr");
        var j = $("#trindex").val()*1+1;
        for(var i=1; i <=j; i++) {
            //初始化评分类型联动
            initKpiTypeClickEnvent(i);
        }

    }

    //领导打回考核人自填KPI
    function backselfKpi(){
        layer.prompt({title: '打回原因', formType: 2}, function(text, index){
            layer.close(index);
            var d = {};
            d.entryId = "#(jxEntry.entry_id)";
            d.reason = text;
            d.type = "1";
            //暂存数据
            AjaxTool.XPost("#(ctx)/jxp/backselfKpi", d,
                function(data) {
                    if(data.code == 'success'){
                        layer.alert('打回成功',function (data) {
                            window.location.href='#(ctx)/jxp/toMyToDoListPage';
                        });
                    }else{
                        layer.msg('打回失败!'+(data.msg?data.msg:''),{time: 1500});
                    }
                },
                function(data) {
                    layer.msg('打回失败，您可能已掉线，请刷新页面或关闭后重试！!'+(data.msg?data.msg:''),{time: 1500});
                });
        });
    }
    //领导同意修改
    function approvedApply(){
        var d = {};
        d.entryId = "#(jxEntry.entry_id)";
        //暂存数据
        AjaxTool.XPost("#(ctx)/jxp/approvedModifyKpi", d,
            function(data) {
                if(data.code == 'success'){
                    layer.alert('提交成功',function (data) {
                        window.location.href='#(ctx)/jxp/toMyToDoListPage';
                    });
                }else{
                    layer.msg('提交失败!'+(data.msg?data.msg:''),{time: 1500});
                }
            },
            function(data) {
                layer.msg('提交失败，您可能已掉线，请刷新页面或关闭后重试！!'+(data.msg?data.msg:''),{time: 1500});
            });

    }
    //领导不同意修改
    function backApply(){
        layer.prompt({title: '不同意原因', formType: 2}, function(text, index){
            layer.close(index);
            var d = {};
            d.entryId = "#(jxEntry.entry_id)";
            d.reason = text;
            //暂存数据
            AjaxTool.XPost("#(ctx)/jxp/backModifyKpi", d,
                function(data) {
                    if(data.code == 'success'){
                        layer.alert('提交成功',function (data) {
                            window.location.href='#(ctx)/jxp/toMyToDoListPage';
                        });
                    }else{
                        layer.msg('提交失败!'+(data.msg?data.msg:''),{time: 1500});
                    }
                },
                function(data) {
                    layer.msg('打回失败，您可能已掉线，请刷新页面或关闭后重试！!'+(data.msg?data.msg:''),{time: 1500});
                });
        });
    }

    //考核人提交或保存自填kpi
    function saveOrSubmitSelfKpi (type,upDown){
        var cnt;
        var trs0 = $("#personalkpi0").find("tr");
        var trs1 = $("#personalkpi1").find("tr");
        var trs2 = $("#personalkpi2").find("tr");
        if(trs0.length == 1 && trs1.length == 1){
            layer.msg("请录入数据！" ,{time: 1500});
            return;
        }

        var kpis = [];
        var lastHead = 0;
        var kpiIndex = 0;
       // var sumWeigth0 = 70;
        //var sumWeigth1 = 20;
        var submitWeigth = 0;
        var kpiNames = [];
        var groupName = "个人专业业务指标";
        for(var j=1; j <=trs0.length-1; j++){
            //序号
            var kpinum = j;
            var kpiid = $(trs0[j]).find('input[name="kpiid"]').attr("kpiid");
            //关键考核指标
            var kpiname= $(trs0[j]).find('textarea[name="kpiname"]').val().trim();
            //衡量标准
            var kpicaption = $(trs0[j]).find('textarea[name="kpicaption"]').val().trim();
            //指标权重
            var kpiweight = $(trs0[j]).find('input[name="kpiweight"]').val().trim();
            if(type == '2' && kpiweight=="") {
                layer.msg("《"+groupName+"》第" + j + "行<权重>不能为空!", {time: 1500});
                return;
            }
            var result = isHundredNumber10(kpiweight);
            if(kpiweight != "" && result != '0'){
                layer.msg("《"+groupName+"》中第"+j+"行中<权重>" + result,{time: 1500});
                return ;
            }
            if(type == '2' && kpiname=="" ){
                layer.msg("《"+groupName+"》中第"+j+"行<关键考核指标>不能为空!" ,{time: 1500}); return ;
            }
            if(type == '2' && kpicaption=="" ){
                layer.msg("《"+groupName+"》中第"+j+"行<衡量标准>不能为空!" ,{time: 1500}); return ;
            }
            // if(type == '2' && kpicaption==""){
            //     layer.msg("《"+groupName+"》中第"+j+"行<衡量标准>不能为空!" ,{time: 1500}); return ;
            // }
            submitWeigth+=1*kpiweight;
            if(type == '2' && kpiNames.indexOf(kpiname)>=0){
                layer.msg("《"+groupName+"》中出现重复指标："+ kpiname,{time: 1500}); return ;
            }
            var temp = {};
            temp.kpiid = kpiid;
            temp.kpiIndex = kpiIndex;
            temp.kpiname = kpiname;
            temp.kpicaption = kpicaption;
            temp.kpiweight = kpiweight;
            temp.kpitype = "0";
            temp.kpinum = kpinum ;
            kpis.push(temp);
            kpiNames.push(kpiname);
        }
        if(type == '2' && trs0.length==1){
            layer.msg("《"+groupName+"》不能为空！",{time: 1500}); return ;
        }
        kpiNames = [];
        groupName = "行为指标（价值观）";
        for(var j=1; j <=trs1.length-1; j++){
            //序号
            var kpinum = j;
            var kpiBaseid = $(trs1[j]).attr("kpilibid");
            var kpiid = $(trs1[j]).find('input[name="kpiid"]').attr("kpiid");
            //关键考核指标
            var kpiname= $(trs1[j]).find('textarea[name="kpiname"]').val().trim();
            //衡量标准
            var kpicaption = $(trs1[j]).find('textarea[name="kpicaption"]').val().trim();
            //指标权重
            var kpiweight = $(trs1[j]).find('input[name="kpiweight"]').val().trim();
            if(type == '2' && kpiweight=="") {
                layer.msg("《"+groupName+"》第" + j + "行<权重>不能为空!", {time: 1500});
                return;
            }
            var result = isHundredNumber10(kpiweight);
            if(kpiweight != "" && result != '0'){
                layer.msg("《"+groupName+"》第"+j+"行中<权重>" + result,{time: 1500});
                return ;
            }
            if(type == '2' && kpiname=="" ){
                layer.msg("《"+groupName+"》中第"+j+"行<关键考核指标>不能为空!" ,{time: 1500}); return ;
            }
            if(type == '2' && kpiNames.indexOf(kpiname)>=0){
                layer.msg("《"+groupName+"》中出现重复指标："+ kpiname,{time: 1500}); return ;
            }

            submitWeigth+=1*kpiweight;
            var temp = {};
            temp.kpiid = kpiid;
            temp.kpiBaseid =kpiBaseid;
            temp.kpiIndex = kpiIndex;
            temp.kpiname = kpiname;
            temp.kpicaption = kpicaption;
            temp.kpiweight = kpiweight;
            temp.kpitype = "1";
            temp.kpinum = kpinum ;
            kpis.push(temp);
            kpiNames.push(kpiname);
        }
        if(type == '2' && trs1.length==1){
            //layer.msg("《"+groupName+"》不能为空！",{time: 1500}); return ;
        }
        kpiNames = [];
        groupName = "团队任务指标）";
        for(var j=1; j <=trs2.length-1; j++){
            //序号
            var kpinum = j;
            var kpiBaseid = $(trs2[j]).attr("kpilibid");
            var kpiid = $(trs2[j]).find('input[name="kpiid"]').attr("kpiid");
            //关键考核指标
            var kpiname= $(trs2[j]).find('textarea[name="kpiname"]').val().trim();
            //衡量标准
            var kpicaption = $(trs2[j]).find('textarea[name="kpicaption"]').val().trim();
            //指标权重
            var kpiweight = $(trs2[j]).find('input[name="kpiweight"]').val().trim();
            if(type == '2' && kpiweight=="") {
                layer.msg("《"+groupName+"》第" + j + "行<权重>不能为空!", {time: 1500});
                return;
            }
            var result = isHundredNumber10(kpiweight);
            if(kpiweight != "" && result != '0'){
                layer.msg("《"+groupName+"》第"+j+"行中<权重>" + result,{time: 1500});
                return ;
            }
            if(type == '2' && kpiname=="" ){
                layer.msg("《"+groupName+"》中第"+j+"行<关键考核指标>不能为空!" ,{time: 1500}); return ;
            }
            if(type == '2' && kpiNames.indexOf(kpiname)>=0){
                layer.msg("《"+groupName+"》中出现重复指标："+ kpiname,{time: 1500}); return ;
            }
            submitWeigth+=1*kpiweight;
            var temp = {};
            temp.kpiid = kpiid;
            temp.kpiBaseid =kpiBaseid;
            temp.kpiIndex = kpiIndex;
            temp.kpiname = kpiname;
            temp.kpicaption = kpicaption;
            temp.kpiweight = kpiweight;
            temp.kpitype = "2";
            temp.kpinum = kpinum ;
            kpis.push(temp);
            kpiNames.push(kpiname);
        }
        if(type == '2' && submitWeigth!=100){
            layer.msg("权重合计应为100%，现为："+submitWeigth+"%",{time: 1500}); return ;
        }
        var entryid = '#(jxEntry.entry_id)';
        var d = {}
        d.kpis = kpis;
        d.entryid = entryid;
        d.type = type;
        #if(type == "61")
        var reason= $('#reason').val().trim();
        if(!reason){
            layer.msg("请填写申请原因！",{time: 1500}); return ;
        }
        d.reason = reason;
        #end
        console.log(d);

    		//暂存数据
    		 AjaxTool.XPostx("#(ctx)/jxp/saveOrSubmitSelfKpi", JSON.stringify(d),
                function(data) {
                    if(data.code == 'success'){
                        if(type == '1'){
                            if(upDown){
                                window.location.href='#(ctx)/jxp/toSelfKpiPage?entryid=#(jxEntry.entry_id)&type=#(type)';
                            }else{
                                layer.alert('保存成功',function (data) {
                                    window.location.href='#(ctx)/jxp/toSelfKpiPage?entryid=#(jxEntry.entry_id)&type=#(type)';
                                });
                            }

                        }else if(type == '2'){
                            layer.alert('提交成功',function (data) {
                                window.location.href='#(ctx)/jxp/toMyToDoListPage';
                            });
                        }
                    }else{
                        if(type == '1'){
                            layer.msg('保存失败!'+(data.msg?data.msg:''),{time: 1500});
                        }else if(type == '2'){
                            layer.msg('提交失败!'+(data.msg?data.msg:''),{time: 1500});
                        }
                    }
                },
                function(data) {
                    layer.msg('保存失败，您可能已掉线，请刷新页面或关闭后重试！!'+(data.msg?data.msg:''),{time: 1500});
                });
    }


    //添加KPI
    function addKpi(type){
        var trindex = $("#trindex"+type).val()*1;
        $("#trindex"+type).val(++trindex);
        var tr =
            '<tr id=trflag'+type+trindex+' head="3" index='+trindex+'>'+
            '<td  align="center" style="display: none"><input type="checkbox" kpiid="" > ' +
            //'<button  onclick=check(this,"MoveUp") class="layui-btn layui-btn-xs" style="padding: 1px 1px;">∧</button> ' +
            //' <button  onclick=check(this,"MoveDown") class="layui-btn layui-btn-xs" style="padding: 1px 1px;">∨</button>' +
            '</input>' +
            '</td>'+
            '<td   align="center">'+trindex+'</td>'+
            '<td align="center" style="display: none"><input type="text" value="" class="layui-input" readonly="readonly" id="kpiindex'+trindex+'"></td>'+

            '<td style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"     class="layui-textarea" name="kpiname"></textarea></td>'+
            ((type=="0"||type=="2")?'<td style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"   class="layui-textarea" name="kpicaption"></textarea></td>':'') +

            '<td align="center"><input type="text" value="" class="layui-input" name="kpiweight"></td>'+


            '<td><a href="javascript:void(0);" onclick=delJxKpi(this,"personalkpi'+type+'");  class="layui-btn layui-btn-xs">删除指标</a>'+
        '</tr>';
        $("#personalkpi"+type).append($(tr));

        updateClickEnvent();
    }


   	//删除KPI
    function delJxKpi(aobj,tableId){
        //console.log($(tr).find("input"));
        //$($(aobj).parent().parent().find("input")[0]).attr('checked','checked');
       // return ;
        var entryid = "#(jxEntry.entry_id)";
    	var trs = $("#"+tableId).find("tr");
    	if(trs.length == 1){
    		//return;
    	}
    	var flag = false;
    	var lasthead ="";
    	for(var i=1; i <=trs.length-1; i++){
    		var inputs = $(trs[i]).find("input");
            var checked = $(aobj).parent().parent().attr('id')==$(trs[i]).attr('id');
            var head = $(trs[i]).attr("head");
    		//如果kpiid不为空  表示要去后台删除数据
    		var kpiid = $(inputs[0]).attr("kpiid");
    		var data = {};
    		data.kpiid = kpiid;
    		if(checked){
    		    if(kpiid != ""){
                    AjaxTool.XPost("/jx/delJxKpi",data,function(data) {
                                if(data.code == 'success'){

                                }else{
                                    layer.alert('删除失败',function (d) {
                                        window.location.href='/jxp/toSelfKpiPage?entryid='+ entryid;
                                    });
                                 }
                   		 }, function(data) {
                                layer.alert('删除失败',function (d) {
                                    window.location.href='/jxp/toSelfKpiPage?entryid='+ entryid;
                                });
                        }
                    );
                }
                 $(trs[i]).remove();


			}
    	 }


    	//重新设置顺序
    	var newTrs = $("#"+tableId).find("tr");
    	for(var i=1; i <=newTrs.length-1; i++){
    		$($(newTrs[i]).find("td")[1]).html(i);
    	}
   	}
    //展开Log
    $("#showLog").click(function(){
        $("#showLog").hide();
        $("#operatrionLogs").show();
        $("#hideLog").show();
    })

    //收起Log
    $("#hideLog").click(function(){
        $("#hideLog").hide();
        $("#showLog").show();
        $("#operatrionLogs").hide();
    })
    function showHist() {
        layer.open({
            type: 2,
            title: '指标历史版本',
            maxmin: true,
            shadeClose: true, //点击遮罩关闭层
            area: ['800px', '520px'],
            content: '#(ctx)/jxp/toKpiHistPage?entryId=#(jxEntry.entry_id)'
        });
    }
   	//返回
    function back(){
      window.location.href='#(ctx)/jxp/toMyToDoListPage';
    }
    //上级领导提交kpi审核
    function approvedSelfKpi(){
		var d = {};
		d.entryId = "#(jxEntry.entry_id)";
		//暂存数据
		AjaxTool.XPost("#(ctx)/jxp/approvedSelfKpi", d,
			function(data) {
				if(data.code == 'success'){
					layer.alert('提交成功',function (data) {
						window.location.href='#(ctx)/jxp/toMyToDoListPage';
					});
				}else{
					layer.msg('提交失败!'+(data.msg?data.msg:''),{time: 1500});
				}
			},
			function(data) {
				layer.msg('提交失败，您可能已掉线，请刷新页面或关闭后重试！!'+(data.msg?data.msg:''),{time: 1500});

			});
	}

	//初始化kip类型点击联动事件
    function initKpiTypeClickEnvent(index){

	}

	//获取上一期指标
	function getBeforeKpi(){
        var para = {khpersonid:'#(jxEntry.entry_khpersonid)',cycleId:'#(jxEntry.entry_cycleid)'}
        AjaxTool.XPost("#(ctx)/jxp/getBeforeKpiList",para,
            function(data) {
                if(data.code == 'success'){
                    if(data.data.length > 0){
                        addBeforeKpi(data.data);

                    }else{
                        layer.msg('未获取到个人指标!'+(data.msg?data.msg:''),{time: 1500});
                    }

                }else{
                    layer.msg('获取个人指标失败!'+(data.msg?data.msg:''),{time: 1500});
                }
            },
            function(data) {
                layer.msg('获取个人指标失败，您可能已掉线，请刷新页面或关闭后重试！!'+(data.msg?data.msg:''),{time: 1500});

            });

    }


    //从基础库选择KPI
    function selectBaseKpi(type){
        layer.open({
            type: 2
            , area: ['800px', '720px']
            , title: '请选择'
            , content: '/jx/toSelectBaseKpi?entryid=#(jxEntry.entry_id)&type='+type
            , maxmin: true
            , btn: ['确认选择', '关闭']
            , yes: function (index, layero) {
                var data = window["layui-layer-iframe" + index].callbackdata();
                //console.log(data)
                if(data.length ==0){
                    layer.msg('请先选择一条！或直接双击要选择的数据！',{time: 1500});
                }
                if(data.length ==1){
                    addBaseKpi(data,type);
                    layer.close(index);
                }
                if(data.length >1){
                    //layer.msg('一次只能选择一条！',{time: 1500});
                    addBaseKpi(data,type);
                    layer.close(index);
                }


            }, btn2: function (index, layero) {
                layer.close(index);
            }
        });
    }
    function getSelectKpilib(data,type){
        //console.log(data);
        var d=new Array()
        d[0] = data;
        addBaseKpi(d,type);
        layer.closeAll();
    }

    //从kpi基础数据中添加指标
    function addBaseKpi(data,type) {
        //alert(type);
        for(var i=0;i<data.length;i++){
            var trindex = $("#trindex"+type).val()*1;
            $("#trindex"+type).val(++trindex);
            //可编辑
            var tr =
                '<tr id=trflag'+type+trindex+' head="3" index='+trindex+' kpilibid="'+data[i].kpilib_id+'">'+
                '<td  align="center" style="display: none"><input type="checkbox" kpiid="" > ' +
                //'<button  onclick=check(this,"MoveUp") class="layui-btn layui-btn-xs" style="padding: 1px 1px;">∧</button> ' +
                //' <button  onclick=check(this,"MoveDown") class="layui-btn layui-btn-xs" style="padding: 1px 1px;">∨</button>' +
                '</input>' +
                '</td>'+
                '<td   align="center">'+trindex+'</td>'+
                '<td align="center" style="display: none"><input type="text" value="" class="layui-input" readonly="readonly" id="kpiindex'+trindex+'"></td>'+

                '<td style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"   readonly-del="readonly"  class="layui-textarea" name="kpiname">'+data[i].kpilib_name+'</textarea></td>'+
                '<td style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"  readonly-del="readonly" class="layui-textarea" name="kpicaption">'+data[i].kpilib_caption+'</textarea></td>' +

                '<td align="center"><input type="text" value="" class="layui-input" name="kpiweight"></td>'+


                '<td><a href="javascript:void(0);" onclick=delJxKpi(this,"personalkpi'+type+'");  class="layui-btn layui-btn-xs">删除指标</a>'+
                '</tr>';

            $("#personalkpi"+type).append($(tr));
        }
        updateClickEnvent();
    }


    function addBeforeKpi(data) {

        for(var i=0;i<data.length;i++){
            var type = data[i].kpi_type;
            var trindex = $("#trindex"+type).val()*1;
            $("#trindex"+type).val(++trindex);

            var tr =
                '<tr id=trflag'+type+trindex+'  index='+trindex+'>';
            if(type=='1' || type=='2'){
                tr = '<tr id=trflag'+type+trindex+'  index='+trindex+' kpilibid="'+data[i].kpilib_id+'">'
            }
            tr+= '<td  align="center" style="display: none"><input type="checkbox" kpiid="" > ' +
                //'<button  onclick=check(this,"MoveUp") class="layui-btn layui-btn-xs" style="padding: 1px 1px;">∧</button> ' +
                //' <button  onclick=check(this,"MoveDown") class="layui-btn layui-btn-xs" style="padding: 1px 1px;">∨</button>' +
                '</input>' +
                '</td>'+
                '<td   align="center">'+trindex+'</td>'+
                '<td align="center" style="display: none"><input type="text" value="" class="layui-input" readonly="readonly" id="kpiindex'+trindex+'"></td>';
            if(type=='1'){
                tr = tr+'<td style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"   readonly-del="readonly"   class="layui-textarea" name="kpiname">'+data[i].kpilib_name+'</textarea></td>'+
                    '<td style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"   readonly-del="readonly"  class="layui-textarea" name="kpicaption">'+data[i].kpilib_caption+'</textarea></td>';

            }else{
                tr = tr+'<td style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"     class="layui-textarea" name="kpiname">'+data[i].kpi_name+'</textarea></td>'+
                    '<td style="padding: 0px 0px;"><textarea style="height:105px;padding: 5px 5px;"   class="layui-textarea" name="kpicaption">'+data[i].kpi_caption+'</textarea></td>';

            }


            tr = tr+'<td align="center"><input type="text" value="'+data[i].kpi_weight+'" class="layui-input" name="kpiweight"></td>'+


                '<td><a href="javascript:void(0);" onclick=delJxKpi(this,"personalkpi'+type+'");  class="layui-btn layui-btn-xs">删除指标</a>'+
                '</tr>';
            $("#personalkpi"+type).append($(tr));


        }
        updateClickEnvent();
    }



	function check(t,oper){
        var data_tr=$(t).parent().parent(); //获取到触发的tr
            if(oper=="MoveUp"){    //向上移动
	               if($(data_tr).prev().prev().html()==null){ //获取tr的前一个相同等级的元素是否为空
	                   layer.msg('已经是最顶部了!',{time: 1500});
	                   return;
	               }else{
	               		var num= $(data_tr).find('td').eq(1).html();
	                     $(data_tr).find('td').eq(1).html(num*1-1);
	                     // $(data_tr).find('td').eq(0).css('background-color','red');
	                     $(data_tr).prev().find('td').eq(1).html(num);
	                    $(data_tr).insertBefore($(data_tr).prev()); //将本身插入到目标tr的前面
	                   // window.location.hash = "#"+ $(data_tr).attr('id');
	               }
            }else{
                     if($(data_tr).next().html()==null){
	                     layer.msg('已经是最低部了!',{time: 1500});
	                     return;
                      }else{
	                 	var num= $(data_tr).find('td').eq(1).html();
	                     $(data_tr).find('td').eq(1).html(num*1+1);
	                    // $(data_tr).find('td').eq(0).css('background-color','red');
	                     $(data_tr).next().find('td').eq(1).html(num);
                        $(data_tr).insertAfter($(data_tr).next()); //将本身插入到目标tr的后面
                      //  window.location.hash = "#"+ $(data_tr).attr('id');
                      }
               }

    }

</script>
#end