修改批注

src/main/resources/static/css/style.css

@@ -375,12 +375,12 @@ a.left-list-ftitle:hover{
 .insert .line2{float:left;width:50px;height:28px;border-left:1px dashed #0940da;transform:rotate(45deg);position: relative;top: 21px;left: 2px;}
 .insert:active .line,.insactive .line,.insert:hover .line,.insactive .line2,.insert:hover .line2,.insert:focus .line2{border-style: solid;}
 
-.insert .content{padding-top: 1px;height:36px;float:left;    margin-left: -30px;background:none;color:#fff;border:none;position: relative;top:-18px;border: 1px solid #71aada;}
-.insert .content:active,.insert .content:focus,.insactive .content{height:40px;float:left;margin-left: -30px;background:#3a3a74;color:#fff;border:1px solid #0940da;position: relative;top:-18px;}
+.insert .content{padding-top: 1px;height:31px;float:left;width:276px;margin-left: -30px;background:none;color:#fff;border:none;position: relative;top:-11px;border: 1px solid #71aada;}
+.insert .content:active,.insert .content:focus,.insactive .content{height:31px;float:left;margin-left: -30px;background:#3a3a74;color:#fff;border:1px solid #0940da;position: relative;top:-11px;}
 .insert .content p{margin:0 8px;overflow: hidden;}
 .insert .content p span{display: inline-block;height:12px;    line-height: 12px;}
 .insert .content p span.user{float: left;font-size:12px;}
 .insert .content p span.editDate{margin-right: 8px;}
 .insert .content p span.editicon{cursor: pointer;}
 .insert .content p span.editicon,.insert .content p span.editDate{float: right;font-size:11px;}
-.insert .content input{width:100%;height:16px;line-height:16px;color:#000;background: #f7f3f3;}
+.insert .content input{width:100%;height:16px;line-height:16px;color:#000;background: #f7f3f3;padding-left: 5px;vertical-align: top;}

src/main/resources/static/js/qypzjgxsNew.js

@@ -992,7 +992,7 @@ function insertAnnotation(obj){
     $(".w").css("margin-left",'50px');
     var index=$(obj).parents("tr").index();
     var num=(index+1)*7;
-    var divWrap="<div class='insert insert"+index+"'><p class='line'></p><p class='line2'></p><div class='content'><p><span class='user'>"+fsrjh+"</span><span class='editicon'><i class=\"fa fa-file-excel-o\" aria-hidden=\"true\" title='保存' onclick='savaPzxx(this,"+index+")' style='margin-right:5px;'></i><i class=\"fa fa-trash-o\" aria-hidden=\"true\" title='删除' onclick='deleteAnnotations(this,1)'></i></span><span class='editDate'>2019.02.14 12:00:00</span></p><p><input type='text'/></p></div></div>";
+    var divWrap="<div class='insert insert"+index+"'><p class='line'></p><p class='line2'></p><div class='content'><p><span class='user'>"+fsrjh+"</span><span class='editicon'><i class=\"fa fa-check-circle\" aria-hidden=\"true\" title='保存' onclick='savaPzxx(this,"+index+")' style='margin-right:5px;color:#01ff01;'></i><i class=\"fa fa-trash-o\" aria-hidden=\"true\" title='删除' onclick='deleteAnnotations(this,1)'></i><span style='margin-left:10px;'><font class='length'>0</font>/20</span></span></span><span class='editDate'>2019.02.14 12:00:00</span></p><p><input type='text'  maxlength='20'  oninput='getInputLength(this)'/></p></div></div>";
     var X=$(obj).parents("td").offset().top,Y=$(obj).parents("td").offset().left,Y2=$(".w").offset().left+1200;
     console.log(X+","+Y+","+Y2+","+$(obj).parents("td").index());
     $("body").append(divWrap);
@@ -1000,7 +1000,7 @@ function insertAnnotation(obj){
     $(".insert"+index).addClass("insactive");
     $(".insert"+index).css({"position":"absolute","left":Y,"top":X,"z-index":"1000"});
     $(".insert"+index).find(".line").width(Y2-Y);
-    $(".insert"+index).find(".content").css({width:$(document).width()-Y2-42,top:"-11px"});
+    /*$(".insert"+index).find(".content").css({top:"-11px"});*/
 }
 /*查询显示*/
 function viewPzxx(datalist){
@@ -1013,15 +1013,16 @@ function viewPzxx(datalist){
                 $(".w").css("margin-left",'50px');
             }
             var tr=$("#listdiv .datagrid-body>table tr").eq(i);
-            var divWrap="<div class='insert insert"+i+"'><p class='line'></p><p class='line2'></p><div class='content'><p><span class='user'>"+data.pzrPolicemanid+"</span><span class='editicon'><i class=\"fa fa-file-excel-o\" aria-hidden=\"true\" title='保存' onclick='savaPzxx(this,"+i+")' style='margin-right:5px;'></i><i class=\"fa fa-trash-o\" aria-hidden=\"true\" title='删除' onclick='deleteAnnotations(this,\""+data.pzxxzjbh+"\")'></i></span><span class='editDate'>"+data.pzgxsj+"</span></p><p><input type='text' value='"+data.pzNr+"'/></p></div></div>";
+            var divWrap="<div class='insert insert"+i+"'><p class='line'></p><p class='line2'></p><div class='content'><p><span class='user'>"+data.pzrPolicemanid+"</span><span class='editicon'><i class=\"fa fa-check-circle\" aria-hidden=\"true\" title='保存' onclick='savaPzxx(this,"+i+")' style='margin-right:5px;color:#01ff01;'></i><i class=\"fa fa-trash-o\" aria-hidden=\"true\" title='删除' onclick='deleteAnnotations(this,\""+data.pzxxzjbh+"\")'></i><span style='margin-left:10px;'><font class='length'></font>/20</span></span><span class='editDate'>"+data.pzgxsj+"</span></p><p><input type='text' value='"+data.pzNr+"'  maxlength='20'  oninput='getInputLength(this)'/></p></div></div>";
             //var X=$(obj).parents("td").offset().top,Y=$(obj).parents("td").offset().left,Y2=$(".w").offset().left+1200;
             var X=tr.offset().top,Y=tr.find("td").eq(2).offset().left,Y2=$(".w").offset().left+1200;
             console.log(X+","+Y+","+Y2+","+$(document).width()-Y2-42);
             $("body").append(divWrap);
+            $(".insert"+i).find(".length").html($(".insert"+i).find("input").val().length);
             $(".insert"+i).addClass("insactive");
             $(".insert"+i).css({"position":"absolute","left":Y,"top":X,"z-index":"1000"});
             $(".insert"+i).find(".line").width(Y2-Y);
-            $(".insert"+i).find(".content").css({width:$(document).width()-Y2-42,top:"-11px"});
+            /*$(".insert"+i).find(".content").css({top:"-11px"});*/
         }
     });
 }
@@ -1051,21 +1052,21 @@ function savaPzxx(obj,ind){
         data: {"objectTypeName":objectTypeName, "objectValue":objectValue, "pzNr":pznr, "taskId":taskId, "pzrPolicemanid":fsrjh, "pzrSfzh":sfzhUser, "lyfl":"qypz", "yhCate":"00", "projectName":"刑专智慧侦查脑图"},
         success: function (message) {
             if(message=='saveSuccess'){
-                $.messager.alert({title: '提示', msg: "保存成功！"});
+                $.messager.show({title: '提示', msg: "保存成功！"});
                 doQuery();
             }else if(message=='saveFail'){
-                $.messager.alert({title: '提示', msg: "保存失败！"});
+                $.messager.show({title: '提示', msg: "保存失败！"});
             }else if(message=='updateSuccess') {
-                $.messager.alert({title: '提示', msg: "修改成功！"});
+                $.messager.show({title: '提示', msg: "修改成功！"});
                 doQuery();
             }else if(message=='updateFail') {
-                $.messager.alert({title: '提示', msg: "修改失败！"});
+                $.messager.show({title: '提示', msg: "修改失败！"});
             }else if(message=='repeat'){
-                $.messager.alert({title: '提示', msg: "已存在！"});
+                $.messager.show({title: '提示', msg: "已存在！"});
             }
         },
         error: function (e) {
-            $.messager.alert({title: '提示', msg: "出错：" + e});
+            $.messager.show({title: '提示', msg: "出错：" + e});
         }
     });
 }
@@ -1085,11 +1086,11 @@ function deleteAnnotations(obj,xxzjbh){
                     $(obj).parents(".insert").remove();
                     pdLength();
                 }else{
-                    $.messager.alert({title: '提示', msg: "删除失败！"});
+                    $.messager.show({title: '提示', msg: "删除失败！"});
                 }
             },
             error: function (e) {
-                $.messager.alert({title: '提示', msg: "出错：" + e});
+                $.messager.show({title: '提示', msg: "出错：" + e});
             }
         });
     }
@@ -1099,5 +1100,8 @@ function pdLength(){
         $(".w").css({"margin-left": "auto"});
     }
 }
+function getInputLength(obj){
+    $(obj).parents(".insert").find(".length").html($(obj).parents(".insert").find("input").val().length)
+}