Browse Source

B2B-客户模具询价:详情页,物料信息比较长占2行时,相应的报价框没有对齐,导致页面显示错乱

huangb 7 years ago
parent
commit
5c56585dc6

+ 19 - 2
src/main/webapp/resources/tpl/index/sale/inquiry_mould.html

@@ -181,6 +181,23 @@ tbody td div.text-mould {
 	.taxrate-input {
 		width: 30px;
 	}
+
+/*对齐模具物料输入框*/
+.color-black {
+	color: #000;
+	float: left;
+}
+.text-mu {
+	float: left;
+}
+.text-detail{
+	display: inline-block;
+	width: 470px;
+	float: left;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
 </style>
 <link rel="stylesheet" href="static/css/public.css">
 <div class="block"  id="public">
@@ -424,10 +441,10 @@ tbody td div.text-mould {
 				<td class="product">
 					<div class="text-mould" ng-repeat="items in inquiryMould.inquiryMouldItems">
 						<div class="text-num text-bold text-ps" >
-							<span>模具:</span>{{items.psCode}}-{{items.psName}}
+							<div><span class="text-mu">模具:</span> <span class="text-detail" title="{{items.psCode}}-{{items.psName}}">{{items.psCode}}-{{items.psName}}</span></div>
 						</div>
 						<div class="text-muted" ng-repeat="prod in items.inquiryMouldDetails">
-							<div><span class="text-bold color-black">物料:</span>{{prod.prodCode}}-{{prod.prodTitle}}-{{prod.prodSpec}}</div>
+							<div><span class="text-bold color-black">物料:</span><span class="text-detail" title="{{prod.prodCode}}-{{prod.prodTitle}}-{{prod.prodSpec}}">{{prod.prodCode}}-{{prod.prodTitle}}-{{prod.prodSpec}}</span></div>
 						</div>
 					</div>
 					<div ng-if="inquiryMould.attachs.length" class="text-muted">

+ 20 - 2
src/main/webapp/resources/tpl/index/sale/inquiry_mould_detail.html

@@ -47,6 +47,24 @@ tbody td .text-waiting {
 a:hover{
 	cursor: pointer;
 }
+
+#order-detail-list .table-default tbody tr td{
+	vertical-align: auto ;
+}
+tbody td div .text-ps,.text-prod {
+	height: auto;
+	width: 450px;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+	margin-bottom: 10px;
+}
+	.product div.text-prod .over-txt{
+		width: 450px;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		overflow: hidden;
+	}
 </style>
 <div class="pane base-info" id="order-detail-list">
 	<div class="pub-com_head">
@@ -126,11 +144,11 @@ a:hover{
 				<tr>
 					<td class="product" width="380">
 						<div class="text-mould" ng-repeat="items in inquiryMould.inquiryMouldItems">
-							<div class="text-num text-bold text-ps" >
+							<div class="text-num text-bold text-ps" title="{{items.psCode}}-{{items.psName}}">
 								{{items.psCode}}-{{items.psName}}
 							</div>
 							<div class="text-muted text-prod" ng-repeat="prod in items.inquiryMouldDetails">
-								<div>{{prod.prodCode}}-{{prod.prodTitle}}-{{prod.prodSpec}}</div>
+								<div class="over-txt" title="{{prod.prodCode}}-{{prod.prodTitle}}-{{prod.prodSpec}}">{{prod.prodCode}}-{{prod.prodTitle}}-{{prod.prodSpec}}</div>
 							</div>
 						</div>
 					</td>