vonin há 4 anos atrás
pai
commit
471d1022d7
1 ficheiros alterados com 101 adições e 21 exclusões
  1. 101 21
      src/views/tjcptab.vue

+ 101 - 21
src/views/tjcptab.vue

@@ -2,27 +2,107 @@
 <div>
     <main role="main" class="von-main">
         <img src="../assets/img/tejia01.png" width="100%">
-        <div class="cplist-tab p-4 bg-e9">
-            <button type="button" class="btn btn-warning p-2"><i class="iconfont iconzuojiantou mr-2" aria-hidden="true"></i>返回选择页</button>
-            <div class="von-tjtab">
-                <h2 class="mt-5 pb-2">铣削</h2>
-                <table border="" cellspacing="" cellpadding="">
-                    <tr>
-                        <th>铣刀盘  DWG60509146</th>
-                        <td class="von-tjtab-txt">整体铣刀,刀体总长55mm,采用BT40刀柄,柄部直径44.45mm。安装EDPT180508PDSRGD刀片,刀片刃倾角为-30度,刀片刀尖处直径为63mm,刀片加工处整体直径为103mm。刀片可加工刃长7.7mm</td>
-                        <td class="red">库存:1</td>
-                        <td><button type="button" class="btn btn-outline-danger" onclick="displayDiv('aaaa')">查看图纸</button></td>
-                    </tr>
-                    <tr>
-                        <th>铣刀盘  DWG60509146</th>
-                        <td class="von-tjtab-txt">整体铣刀,刀体总长55mm,采用BT40刀柄,柄部直径44.45mm。安装EDPT180508PDSRGD刀片,刀片刃倾角为-30度,刀片刀尖处直径为63mm,刀片加工处整体直径为103mm。刀片可加工刃长7.7mm</td>
-                        <td class="red">库存:1</td>
-                        <td><button type="button" class="btn btn-outline-dark"  disabled="disabled">无图纸</button></td>
-                    </tr>
-                </table>
-            </div>
-            <button type="button" class="btn btn-warning p-2 mt-5"><i class="iconfont iconzuojiantou mr-2" aria-hidden="true"></i>返回选择页</button>		
-        </div>				
+
+
+        
+				<div class="cplist-tab p-4 bg-e9 von-arrow">
+					<ul id="myTab" class="nav nav-tabs justify-content-between">
+						<li class="active">
+							<a href="#cp01" data-toggle="tab">铣削</a>
+						</li>
+						<li>
+							<a href="#cp02" data-toggle="tab">车削</a>
+						</li>
+						<li>
+							<a href="#cp03" data-toggle="tab">孔加工</a>
+						</li>
+						<li>
+							<a href="#cp04" data-toggle="tab">螺纹加工</a>
+						</li>
+						<li>
+							<a href="#cp05" data-toggle="tab">车削</a>
+						</li>
+						<li>
+							<a href="#cp06" data-toggle="tab">孔加工</a>
+						</li>
+						<li>
+							<a href="#cp07" data-toggle="tab">螺纹加工</a>
+						</li>
+					</ul>
+					
+					<div id="myTabContent" class="tab-content von-tjcp">
+						<div class="tab-pane fade in active" id="cp01">
+							<h1 class="pb-4">镗刀</h1>
+							<div class="von-tjcp-idage mt-5 mb-2">
+									<span>阶梯钻</span>
+									<span>阶梯直槽钻</span>
+									<span>阶梯麻花钻</span>
+								</div>
+							<div class="cp-floor">
+								<div class="row">
+								<!--有图纸按钮-->
+									<div class="col-6 themed-grid-col">
+										<div class="von-tjcp-row">
+											<div class="von-tjcp-img"><img src="../assets/img/tejia03.png"></div>
+											<div class="von-tjcp-text">
+												<div class="">
+													<h4 clss="text-truncate">阶梯麻花钻  DWG2765260</h4>
+													<p>复合镗刀,刀体总长(不包括刀体部分)200mm(-0.2,+0.2),刀柄采用BT40(D63)柄,第一阶梯直径29.1mm(-0.05,+0.05),采用SPHX070304R22刀片,第一阶梯长度为19.7mm(-0.1,+0.1),第一阶梯倒角直径为31.1mm(-0.05,+0.05),倒角采用SPHX060204R22刀片。第二阶梯长度为118.4mm(-0.1,+0.1),采用SPHX070304R22刀片,第二阶梯直径为59.1mm(-0.05,+0.05),第二阶梯倒角直径为66.4mm(-0.15。+0.15).倒角采用SPHX060204R22刀片。</p>											
+												</div>
+												<div class="red von-tjcp-btn">
+													库存:4
+													<button type="button" class="btn btn-outline-danger" onclick="displayDiv('aaaa')">查看图纸</button>
+												</div>
+											</div>
+										</div>	
+									</div>
+									<!--无图纸按钮-->
+									<div class="col-6 themed-grid-col">
+										<div class="von-tjcp-row">
+											<div class="von-tjcp-img"><img src="../assets/img/tejia03.png"></div>
+											<div class="von-tjcp-text">
+												<div class="">
+													<h4 clss="text-truncate">阶梯麻花钻  DWG2765260</h4>
+													<p>4mm(-0.1,+0.1),采用SPHX070304R22刀片,第二阶梯直径为59.1mm(-0.05,+0.05),第二阶梯倒角直径为66.4mm(-0.15。+0.15).倒角采用SPHX060204R22刀片。</p>											
+												</div>
+												<div class="red von-tjcp-btn">
+													库存:4
+													<button type="button" class="btn btn-outline-dark"  disabled="disabled">无图纸</button>
+												</div>
+											</div>
+										</div>	
+									</div>
+									
+								</div>
+							</div>
+						</div>
+						<div class="tab-pane fade" id="cp02">
+							2
+						</div>
+						<div class="tab-pane fade" id="cp03">
+							3
+						</div>
+						<div class="tab-pane fade" id="cp04">
+							4
+						</div>
+					</div>
+					
+					
+					
+					<div class="von-call d-flex justify-content-center">
+						<button onclick="document.getElementById('centerblock').style.display='block'" type="button" class="call-btn btn btn-warning mt-5 mb-5 text-center"><i class="iconfont iconyoujiantou mr-2" aria-hidden="true"></i>联系我们了解详细参数</button>
+						<div id="centerblock" class="center-block">
+							<img src="img/call.png">
+							<button onclick="document.getElementById('centerblock').style.display='none'" type="button" class="close" aria-label="Close"><i aria-hidden="true" class="iconfont iconguanbi1"></i></button>
+						</div>
+					</div>					
+				</div>				
+			
+
+
+
+
+
     </main>
 </div>
 </template>