4624

src/css/qcScore.less

@@ -2,6 +2,12 @@
 .main-part{
   height: 100%;
 }
+
+.ellipsis{
+  overflow: hidden;
+  text-overflow:ellipsis;
+  white-space: nowrap;
+}
 #loading{
   text-align: center;
   /*margin-top: 30px;*/
@@ -432,6 +438,14 @@
     text-indent: 10px;
     line-height: 38px;
     border-radius:2px;
+    box-sizing: border-box;
+  }
+  .flaw-drop-input {
+    padding-right: 28px;
+    box-sizing: border-box;
+  }
+  #addQcMsg {
+    padding-right: 0;
   }
   span{
     display: inline-block;

src/html/qcScore.html

@@ -156,9 +156,9 @@
     </script>
     <script type="text/html" id="editTmpl">
         <div class="edit-box">
-            <p><span>质控条目: </span><input disabled type="text" value="${standardMsg}" /></p>
+            <p><span>质控条目: </span><input disabled type="text" class="ellipsis" title="${standardMsg}" value="${standardMsg}" /></p>
             <!--<p><span>模块名称: </span><input type="text" value="${modelName}" /></p>-->
-            <p><span>提示信息: </span><input id="qcMsg" type="text" value="${msg}" /></p>
+            <p><span>提示信息: </span><input id="qcMsg" class="ellipsis" type="text" title="${msg}" value="${msg}" /></p>
             <p><span>分值: </span> <input id="qcScore" type="text" value="${score}" /></p>
             <p class="warning"><span></span><span class="red">支持≥0的数字输入，最多保留小数点后1位~</span></p>
         </div>
@@ -172,11 +172,11 @@
         <div class="edit-box add-box">
             <div class="drop-box">
                 <span>质控条目: </span>
-                <input type="text" class="flaw-drop-input"/>
+                <input type="text" class="flaw-drop-input ellipsis"/>
                 <ul></ul>
             </div>
             <!--<p><span>模块名称: </span><input type="text" value="${modelName}" /></p>-->
-            <p><span style="margin-right: 16px;">提示信息:</span><input id="addQcMsg" type="text" value="${msg}" /></p>
+            <p><span style="margin-right: 16px;">提示信息:</span><input title="${msg}" class="ellipsis" id="addQcMsg" type="text" value="${msg}" /></p>
             <p><span>分值:</span> <input id="addQcScore" type="text" value="${score}" /></p>
             <p class="warning"><span></span><span class="red">支持≥0的数字输入，最多保留小数点后1位~</span></p>
         </div>

src/js/qcScore.js

@@ -293,6 +293,7 @@ function showModal(flag,code,i){
     //提示信息输入验证
     $("#qcMsg").on("input",function(){
       const val=$(this).val();
+      $(this).attr("title",val)
       if(val.trim()){
         $(".edit-box .warning").hide();
       }else{
@@ -407,8 +408,8 @@ function formatFlawKeys(data){
       const flaw=global_flaws[n];
       const {score,msg,entryName,casesEntryId}=flaw;
       global_selectedFlaw=flaw;
-      $(".flaw-drop-input").val(entryName).attr("code",casesEntryId);
-      $("#addQcMsg").val(msg);
+      $(".flaw-drop-input").val(entryName).attr({"code":casesEntryId,"title":entryName});
+      $("#addQcMsg").val(msg).attr("title",msg);
       $("#addQcScore").val(score);
       $(".add-box .warning").hide();
       $(".add-box .drop-box").removeClass("show");