1

src/components/footer.vue

@@ -12,11 +12,11 @@
             
           </li>
           <li class="d-flex align-items-center mb-2">
-            <label><i class="iconfont icondianhua mr-2"></i>传真：</label>
+            <label><i class="iconfont iconchuanzhen mr-2"></i>传真：</label>
             <h4>0716-8356058</h4>
           </li>
           <li class="d-flex align-items-center">
-            <label><i class="iconfont icondianhua mr-2"></i>公司地址：</label>
+            <label><i class="iconfont icondizhi mr-2"></i>公司地址：</label>
             <h4>湖北省荆州市沙市区江津东路荆鹏软件园</h4>
           </li>
         </ul>

src/routers/index.js

@@ -32,6 +32,14 @@ export const constantRoutes = [
       path: '/tejiaindex',
       component: () => import('@/views/tejiaindex')
     },
+    {
+      path: '/tjcplist',
+      component: () => import('@/views/tjcplist')
+    },
+    {
+      path: '/tjcptab',
+      component: () => import('@/views/tjcptab')
+    },
     {
       path: '/djxm',
       component: () => import('@/views/djxm')

src/views/tejiaindex.vue

@@ -11,89 +11,60 @@
                         <p>铣削</p>
                     </div>
                     <ul>
-                        <li>
-                            <a href="">立铣刀立铣刀立铣刀立铣刀立铣刀立铣刀立铣刀</a>
-                        </li>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
+                        <li><a>立铣刀</a></li>
+                        <li><a>铣刀盘</a></li>
+                        <li><a>槽铣刀杆刀片</a></li>
                     </ul>
                 </div>
                 <div class="col-3 themed-grid-col">
                     <div class="tjcp-nav-img d-flex">
                         <img src="../assets/img/tejia02.png">
-                        <p>铣削</p>
+                        <p>车削</p>
                     </div>
                     <ul>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
+                        <li><a>仿形车刀</a></li>
+                        <li><a>A4槽刀片</a></li>
                     </ul>
                 </div>
                 <div class="col-3 themed-grid-col">
                     <div class="tjcp-nav-img d-flex">
                         <img src="../assets/img/tejia02.png">
-                        <p>铣削</p>
+                        <p>孔加工</p>
                     </div>
                     <ul>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
+                        <li><a>复合镗刀</a></li>
+                        <li><a>内孔镗刀杆</a></li>
+                        <li><a>可调式镗刀</a></li>
+                        <li><a>铰刀</a></li>
+                        <li><a>阶梯钻</a></li>
+                        <li><a>3.4钻头</a></li>
+                        <li><a>带支撑锪刀</a></li>
                     </ul>
                 </div>
                 <div class="col-3 themed-grid-col">
                     <div class="tjcp-nav-img d-flex">
                         <img src="../assets/img/tejia02.png">
-                        <p>铣削</p>
+                        <p>其他</p>
                     </div>
                     <ul>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
-                        <li>
-                            <a href="">立铣刀</a>
-                        </li>
+                        <li><a>刀体</a></li>
+                        <li><a>刀杆</a></li>
+                        <li><a>倒角刀</a></li>
                     </ul>
                 </div>
             </div>
-            <button type="button" class="btn btn-warning float-right"><i class="iconfont iconyoujiantou mr-2" aria-hidden="true"></i>联系我们了解详细参数</button>
+            <button class="btn btn-warning float-right" @click="GoTjcplist"><i class="iconfont iconyoujiantou mr-2" aria-hidden="true"></i>查看所有特价商品（列表格式）</button>
         </div>
     </main>
 </div>
-</template>
+</template>
+
+<script>
+export default {
+    methods: {
+        GoTjcplist() {
+            this.$router.push({ path: this.redirect || "/tjcplist" });
+        },
+	},
+};
+</script>

src/views/tjcplist.vue

@@ -0,0 +1,38 @@
+<template>
+<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" @click="GoTejiaindex"><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" @click="GoTejiaindex"><i class="iconfont iconzuojiantou mr-2" aria-hidden="true"></i>返回选择页</button>		
+        </div>				
+    </main>
+</div>
+</template>
+
+<script>
+export default {
+    methods: {
+        GoTejiaindex() {
+            this.$router.push({ path: this.redirect || "/tejiaindex" });
+        },
+	},
+};
+</script>

src/views/tjcptab.vue

@@ -0,0 +1,28 @@
+<template>
+<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>				
+    </main>
+</div>
+</template>