lvhao 1 день тому
батько
коміт
e4339a80da
2 змінених файлів з 69 додано та 6 видалено
  1. 36 3
      template/erp/fullorder_edit.html
  2. 33 3
      template/erp/fullorder_readonly.html

+ 36 - 3
template/erp/fullorder_edit.html

@@ -19,6 +19,26 @@
 .isjiaji_hid{
 	display: none;
 }
+
+.setting li.lengththree b.ellipsis{
+   display:block;
+    width:auto;          /* 覆盖原来的 40% */
+    overflow:hidden;     /* 形成 BFC,自动排在 em 右侧并占满剩余 */
+    text-overflow:ellipsis;
+    white-space:nowrap;
+    height:24px;
+    line-height:24px;
+    cursor:default;
+}
+
+.ellipsis-tip{
+    position:absolute;z-index:999999;display:none;
+    max-width:420px;padding:6px 10px;
+    background:#333;color:#fff;font-size:12px;line-height:18px;
+    border-radius:4px;white-space:normal;word-break:break-all;
+    box-shadow:0 2px 8px rgba(0,0,0,.3);
+}
+
 </style>
 <link rel="stylesheet" href="{$theme}js/tishi/mTips.css?v=20250916">
 <body>
@@ -258,17 +278,17 @@
 
 <li class="lengththree">
 	<em>产品ID:</em>
-	<b >{$product_ids}</b>
+	<b class="ellipsis">{$product_ids}</b>
 </li>
 	
 <li  class="lengththree">
 <em>Subtotal:</em>
-<b >{$sub_total}</b>
+<b class="ellipsis">{$sub_total}</b>
 </li>
 
 <li  class="lengththree">
 <em>Row Total:</em>
-<b >{$row_total}</b>
+<b class="ellipsis">{$row_total}</b>
 </li>
 <li class="lengththree">
 <em >Quantity:</em>
@@ -857,6 +877,19 @@
 <script src="{$theme}js/tishi/mTips.js?v=20250916"></script>
 <script type="text/javascript">var addedit="/fullorder/edit/";var fh="/fullorder";
 
+// 隐藏弹窗
+var $ellipsisTip = $('<div class="ellipsis-tip"></div>').appendTo('body');
+$(document).on('mouseenter', '.setting b.ellipsis', function(e){
+    if (this.scrollWidth <= this.clientWidth) return;   // 没被截断就不提示
+    $ellipsisTip.text($(this).text()).css({left:-9999,top:-9999}).show();
+    var w = $ellipsisTip.outerWidth(), h = $ellipsisTip.outerHeight();
+    var x = e.pageX + 12, y = e.pageY + 12;
+    if (x + w > $(window).scrollLeft() + $(window).width()) x = e.pageX - w - 12;
+    if (y + h > $(window).scrollTop() + $(window).height()) y = e.pageY - h - 12;
+    $ellipsisTip.css({left:x, top:y});
+});
+$(document).on('mouseleave', '.setting b.ellipsis', function(){ $ellipsisTip.hide(); });
+
  $(function(){
 	tjTotalNum()
  })

+ 33 - 3
template/erp/fullorder_readonly.html

@@ -12,6 +12,24 @@
 	display: none;
 }
 
+.setting li.lengththree b.ellipsis{
+   display:block;
+    width:auto;          /* 覆盖原来的 40% */
+    overflow:hidden;     /* 形成 BFC,自动排在 em 右侧并占满剩余 */
+    text-overflow:ellipsis;
+    white-space:nowrap;
+    height:24px;
+    line-height:24px;
+    cursor:default;
+}
+
+.ellipsis-tip{
+    position:absolute;z-index:999999;display:none;
+    max-width:420px;padding:6px 10px;
+    background:#333;color:#fff;font-size:12px;line-height:18px;
+    border-radius:4px;white-space:normal;word-break:break-all;
+    box-shadow:0 2px 8px rgba(0,0,0,.3);
+}
 </style>
 <body>
 <div class="warp">
@@ -215,17 +233,17 @@
 
 <li class="lengththree">
 	<em>产品ID:</em>
-	<b >{$product_ids}</b>
+	<b class="ellipsis">{$product_ids}</b>
 </li>
 	
 <li  class="lengththree">
 <em>Subtotal:</em>
-<b >{$sub_total}</b>
+<b class="ellipsis">{$sub_total}</b>
 </li>
 
 <li  class="lengththree">
 <em>Row Total:</em>
-<b >{$row_total}</b>
+<b class="ellipsis">{$row_total}</b>
 </li>
 
 <li class="lengththree">
@@ -693,6 +711,18 @@
 {/loop}</select>
 <script src="{$theme}js/tishi/mTips.js?v=20250916"></script>
 <script>
+// 隐藏弹窗
+var $ellipsisTip = $('<div class="ellipsis-tip"></div>').appendTo('body');
+$(document).on('mouseenter', '.setting b.ellipsis', function(e){
+    if (this.scrollWidth <= this.clientWidth) return;   // 没被截断就不提示
+    $ellipsisTip.text($(this).text()).css({left:-9999,top:-9999}).show();
+    var w = $ellipsisTip.outerWidth(), h = $ellipsisTip.outerHeight();
+    var x = e.pageX + 12, y = e.pageY + 12;
+    if (x + w > $(window).scrollLeft() + $(window).width()) x = e.pageX - w - 12;
+    if (y + h > $(window).scrollTop() + $(window).height()) y = e.pageY - h - 12;
+    $ellipsisTip.css({left:x, top:y});
+});
+$(document).on('mouseleave', '.setting b.ellipsis', function(){ $ellipsisTip.hide(); });
 $(document).ready(function() { 
 $("#refundtime").calendar();custom();pptskc('2');
 if($("select[name='express']").find("option:selected").val() == '24' || $("select[name='express']").find("option:selected").val() == '31')//联邦的话替换签名选项11