处理客户公共询价单列表的文字过长影响的样式

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

@@ -87,8 +87,14 @@
 	.order-table .order-bd .product {
 		padding-left: 20px;
 	}
-	.order-table .order-bd .product .dropdown-toggle span{
+	.order-table .order-bd .product .dropdown-toggle >span{
+		display:inline-block;
+		vertical-align: top;
 		color:#333;
+		width:250px;
+		overflow: hidden;
+		text-overflow:ellipsis;
+		white-space:nowrap;
 	}
 	.order-table .order-bd .product .dropdown-toggle{
 		position:relative;
@@ -152,6 +158,7 @@
 		/*background: #f5f5f5;*/
 	}
 	.order-table{
+		table-layout:fixed;
 		background: #fff;
 	}
 	.menu .new-dot{
@@ -174,12 +181,22 @@
 		font-size: 14px;
 		color:#999;
 		font-style:normal;
+		word-break:break-all;
 	}
 	.order-table .order-bd td span{
 		font-size: 14px;
 		color:#999;
 		font-style:normal;
 	}
+	.order-table .order-bd td span.lang{
+		cursor:pointer;
+		width:160px;
+		display:inline-block;
+		overflow: hidden;
+		-ms-text-overflow: ellipsis;
+		text-overflow: ellipsis;
+		white-space:nowrap;
+	}
 </style>
 <div class="block" id="public">
 	<div class="loading in" ng-class="{'in': loading}">
@@ -292,7 +309,7 @@
 	<table class="order-table block" ng-table="tableParams">
 		<thead>
 		<tr class="header">
-			<th>产品型号</th>
+			<th width="330">产品型号</th>
 			<th width="160">品牌</th>
 			<th width="110">分段数量</th>
 			<th width="90">价格</th>
@@ -398,7 +415,7 @@
                 </div>
 			</td>
 			<td class="text-center">
-				<span ng-bind="inquiryItem.product.brand || inquiryItem.inbrand || '-'"></span>
+				<span class="lang" ng-bind="inquiryItem.product.brand || inquiryItem.inbrand || '-'" title="{{inquiryItem.product.brand || inquiryItem.inbrand || '-'}}"></span>
 			</td>
 			<td class="text-center">
 				<div ng-repeat="reply in inquiryItem.replies">