客户发货提醒订单快照鼠标移入效果

src/main/webapp/resources/css/index.css

@@ -239,9 +239,9 @@ a.none:hover {
 }
 
 /*dropdown*/
-.dropdown-menu {
-	min-width: 100%;
-}
+/*.dropdown-menu {*/
+	/*min-width: 100%;*/
+/*}*/
 
 .dropdown>.dropdown-toggle {
 	border-style: solid;
@@ -1266,7 +1266,7 @@ img.new-animate{
 
 .body .container .right {
 	width: 973px;
-	float: left;
+	float: left;.dropdown-menu
 	font-size: 12px;
 	min-height: 90vh;
 	background:#fff;

src/main/webapp/resources/tpl/index/sale/notice.html

@@ -54,6 +54,7 @@
     }
 
     .order-table .order-hd .order-sum {
+        position: relative;
         padding: 0 5px;
     }
 
@@ -101,7 +102,22 @@
         line-height: 1.5;
         border-radius: 3px;
     }
-
+    .order-table .order-hd .dropdown-toggle:hover + .order-snapshot {
+        display: block;
+    }
+    .order-table .order-hd .order-snapshot{
+        padding: 10px 15px;
+        display: none;
+        width: 250px;
+        position: absolute;
+        top: 32px;
+        left: 39px;
+        border: 1px solid rgba(0,0,0,0.15);
+        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
+        -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
+        -o-box-shadow: 0 0 5px rgba(0,0,0,0.3);
+        box-shadow: 0 0 5px rgba(0,0,0,0.3);
+    }
     .order-snapshot .title {
         border-top: 1px dashed #ddd;
     }
@@ -351,7 +367,7 @@
                     <span ng-bind="notice.orderItem.order.enterprise.enName"></span>
                 </div>
             </td>
-            <td class="text-right" colspan="2" class="order-sum"><a title="查看采购单详情"
+            <td class="text-right order-sum" colspan="2"><a title="查看采购单详情"
                     class="dropdown-toggle order-detail" ui-sref="sale.order_detail({id:notice.orderItem.order.id})" target="_self"> <span
                     class="text-num text-bold" ng-bind="::notice.orderItem.order.code" ng-click="setOrdersRead(notice.id)"></span>
                 第{{notice.orderItem.number}}行 <i class="fa fa-fw fa-angle-down"></i>