增加模板修改

src/components/sallCenter/templateEdit.vue

+<template>
+    <div>
+        123
+    </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+
+      };
+    },
+    created() {
+
+    },
+    methods: {
+    },
+    mounted() {
+        
+    }
+  };
+
+</script>

src/components/sallCenter/templateManage.vue

+<style>
+    .templateManage .template_comheader{
+        padding: 13px 20px;
+        border-bottom: 1px solid #EBEEF5;
+        -webkit-box-sizing: border-box;
+        box-sizing: border-box;
+        background: #fff;
+    }
+    .templateManage .template_comheader>div{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        flex-direction: row;
+    }
+    .templateManage .temp_content{
+        margin-top:10px;
+        background: #fff;
+        padding:20px;
+    }
+    .templateManage .temp_imgStyle{
+        display:inline-block;
+        margin-right:10px;
+    }
+</style>
 <template>
-    <div>
-        123
+    <div class="templateManage">
+        <div class="template_comheader">
+            <div>
+                <span>模板管理</span>
+                <el-button type="primary" size="small" @click="CommonJump('templateEdit')">添加模板</el-button>
+            </div>
+        </div>
+        <div class="temp_content">
+            <el-table :data="tableData" border style="width: 100%">
+                <el-table-column prop="ID" label="ID"></el-table-column>
+                <el-table-column prop="name" label="模板名称"></el-table-column>
+                <el-table-column prop="date" label="创建时间"></el-table-column>
+                <el-table-column label="操作">
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" content="编辑" placement="top" >
+                            <img src="../../assets/img/setup/edit.png" alt="" class="temp_imgStyle" @click="edit(scope.row)">
+                        </el-tooltip>
+                        <el-tooltip class="item" effect="dark" content="删除" placement="top" >
+                            <img src="../../assets/img/setup/del.png" alt="" class="temp_imgStyle" @click="delRow(scope.row)">
+                        </el-tooltip>
+                    </template>
+                </el-table-column>
+            </el-table>            
+        </div>
     </div>
-</template>
\ No newline at end of file
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        tableData: [{
+          ID: '3542',
+          name: '微途测试',
+          date: '2020-04-27 19:20:08',
+        }]
+      };
+    },
+    created() {
+
+    },
+    methods: {
+        
+    },
+    mounted() {
+
+    }
+  };
+
+</script>

src/router/index.js

@@ -66,10 +66,14 @@ export default new Router({
       path:'/Ftemplate', //DIY装修
       name: 'Ftemplate',
       component: resolve => require(['@/components/Ftemplate'], resolve),
-      children:[{
+      children:[{ //模板管理
         path:'/templateManage',
         name:'templateManage',
         component: resolve => require(['@/components/sallCenter/templateManage'], resolve),
+      },{ //添加 修改模板
+        path:'/templateEdit',
+        name: 'templateEdit',
+        component: resolve => require(['@/components/sallCenter/templateEdit'], resolve),
       }]
     },
     {