修改商品信息的显示样式[主线]

src/main/webapp/pages/materials/material.jsp

@@ -59,12 +59,14 @@
 			<table id="tableData" style="top:300px;border-bottom-color:#FFFFFF"></table>
 		</div>
 		
-	    <div id="materialDlg" class="easyui-dialog" style="width:880px;padding:10px 20px"
+	    <div id="materialDlg" class="easyui-dialog" style="width:860px;height:400px;padding:10px 20px"
 	            closed="true" buttons="#dlg-buttons" modal="true" collapsible="false" closable="true">
 	        <form id="materialFM" method="post"  novalidate>
-	            <table height="360px">
+				<div id="tt" class="easyui-tabs" style="width:800px;height:300px;">
+					<div title="基本信息" style="padding:20px;">
+						<table>
 							<tr>
-					<td style="width:80px; height:30px;">品名</td>
+								<td style="width:60px; height:30px;">品名</td>
 								<td style="padding:5px;width:180px;">
 									<input name="Name" id="Name" class="easyui-validatebox" data-options="required:true,validType:'length[2,30]'" style="width: 180px;height: 20px"/>
 								</td>
@@ -86,14 +88,16 @@
 								<td></td>
 							</tr>
 							<tr>
-					<td style="height:30px;">颜色</td>
-					<td style="padding:5px">
-						<input name="Color" id="Color" class="easyui-validatebox" data-options="validType:'length[1,30]'" style="width: 180px;height: 20px"/>
+								<td style="height:30px;">备注</td>
+								<td style="padding:5px" colspan="3">
+									<textarea name="Remark" id="Remark" rows="2" cols="2" placeholder="暂无备注信息" style="width: 468px; height:40px;"></textarea>
 								</td>
-					<td>规格</td>
-					<td style="padding:5px"><input name="Standard" id="Standard" class="easyui-validatebox" data-options="validType:'length[1,30]'" style="width: 180px;height: 20px"/></td>
 								<td></td>
 							</tr>
+						</table>
+					</div>
+					<div title="价格信息" style="padding:20px;">
+						<table>
 							<tr>
 								<td style="height:30px;">安全存量</td>
 								<td style="padding:5px">
@@ -163,12 +167,25 @@
 								<td style="padding:5px"><input name="PresetPriceTwo" id="PresetPriceTwo" class="easyui-validatebox" data-options="validType:'length[1,30]'" style="width: 180px;height: 20px"/></td>
 								<td></td>
 							</tr>
+						</table>
+					</div>
+					<div title="扩展信息" style="padding:20px;">
+						<table>
 							<tr>
-					<td style="height:30px;">备注</td>
-	            	<td style="padding:5px" colspan="3"><input name="Remark" id="Remark" style="width: 468px;height: 20px"/></td>
-					<td></td>
+								<td style="width:60px; height:30px;">颜色</td>
+								<td style="padding:5px">
+									<input name="Color" id="Color" class="easyui-validatebox" data-options="validType:'length[1,30]'" style="width: 250px;height: 20px"/>
+								</td>
+							</tr>
+							<tr>
+								<td>规格</td>
+								<td style="padding:5px">
+									<input name="Standard" id="Standard" class="easyui-validatebox" data-options="validType:'length[1,30]'" style="width: 250px;height: 20px"/>
+								</td>
 							</tr>
 						</table>
+					</div>
+				</div>
 	            <input type="hidden" name="clientIp" id="clientIp" value="<%=clientIp %>"/>
 	        </form>
 	    </div>
@@ -899,6 +916,8 @@
 				$(".price-list").hide();
 				$(".price-one").show();
 				$(".price-two").show();
+				//选中基本资料tab
+				$("#materialFM #tt .tabs li").first().click();
 				oldName = "";
 				oldModel = "";
 				oldColor = "";
@@ -1199,6 +1218,8 @@
 				materialID = materialInfo[0];
 				//焦点在名称输入框==定焦在输入文字后面
 				$("#Name").val("").focus().val(materialInfo[1]);
+				//选中基本资料tab
+				$("#materialFM #tt .tabs li").first().click();
 				url = '<%=path %>/material/update.action?materialID=' + materialInfo[0];
 			}