diff --git a/src/views/template/list/index.vue b/src/views/template/list/index.vue
index e1bdb799..bd3d2455 100644
--- a/src/views/template/list/index.vue
+++ b/src/views/template/list/index.vue
@@ -11,7 +11,7 @@
 	<el-container>
 		<el-header>
 			<div class="left-panel">
-				<el-button type="primary" icon="el-icon-plus"></el-button>
+				<el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
 				<el-button v-if="selection.length>0" type="danger" plain icon="el-icon-delete"></el-button>
 				<el-button v-if="selection.length>0">变更状态</el-button>
 				<el-button v-if="selection.length>0">推送至队列</el-button>
@@ -65,7 +65,7 @@
 							<el-button  type="text" size="small">更多<i class="el-icon-arrow-down el-icon--right"></i></el-button>
 							<template #dropdown>
 								<el-dropdown-menu>
-									<el-dropdown-item>编辑</el-dropdown-item>
+									<el-dropdown-item @click="table_edit(scope.row, scope.$index)">编辑</el-dropdown-item>
 									<el-dropdown-item>推送至队列</el-dropdown-item>
 									<el-dropdown-item divided>删除</el-dropdown-item>
 								</el-dropdown-menu>
@@ -165,10 +165,20 @@
 			selectionChange(selection){
 				this.selection = selection;
 			},
+			add(){
+				this.$router.push({
+					path: `/template/list/save`
+				});
+			},
 			table_show(row, index){
 				console.log(row, index);
 				this.info = true;
 			},
+			table_edit(row){
+				this.$router.push({
+					path: `/template/list/save/${row.id}`
+				});
+			},
 			filterHandler(value, row, column){
 				const property = column.property;
 				return row[property] === value;
diff --git a/src/views/template/list/save.vue b/src/views/template/list/save.vue
new file mode 100644
index 00000000..581c2c96
--- /dev/null
+++ b/src/views/template/list/save.vue
@@ -0,0 +1,85 @@
+<!--
+ * @Descripttion: 文件描述
+ * @version: 1.0
+ * @Author: 编写作者
+ * @Date: 创建时间
+ * @LastEditors: 最后更新作者
+ * @LastEditTime: 最后更新时间
+-->
+
+<template>
+	<div class="sc-page-header">
+		<div class="sc-page-header__title">
+			<h2>新开标签页面</h2>
+			<p>可用于非常复杂的表单提交，如一些较为简单的表单提交应使用dialog或者drawer更合适</p>
+		</div>
+	</div>
+	<el-main>
+		<el-card shadow="never">
+			<el-form :model="form" :rules="rules" ref="form" label-width="100px">
+				<el-form-item label="名称" prop="name">
+					<el-input v-model="form.name" placeholder="请输入名称" clearable></el-input>
+					<div class="el-form-item-msg" data-v-b33b3cf8="">组件名字以sc开头，并坚持以“小驼峰”命名规则</div>
+				</el-form-item>
+				<el-form-item label="缩略图" prop="img">
+					<sc-upload v-model="form.img" title="上传缩略图"></sc-upload>
+				</el-form-item>
+				<el-form-item label="类型" prop="type">
+					<el-radio-group v-model="form.type">
+						<el-radio-button label="1">数据</el-radio-button>
+						<el-radio-button label="2">表单</el-radio-button>
+						<el-radio-button label="3">样式</el-radio-button>
+						<el-radio-button label="4">其他</el-radio-button>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item label="负责人" prop="name">
+					<el-input v-model="form.name" placeholder="请输入名称" clearable></el-input>
+				</el-form-item>
+				<el-form-item label="进度" prop="img">
+					<el-input v-model="form.name" placeholder="请输入名称" clearable></el-input>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" size="medium">保 存</el-button>
+				</el-form-item>
+			</el-form>
+		</el-card>
+
+	</el-main>
+</template>
+
+<script>
+	export default {
+		name: 'list-save',
+		data() {
+			return {
+				id: this.$route.params.id,
+				form: {
+					name: "",
+					type: "1"
+				},
+				rules: {
+
+				}
+			}
+		},
+		mounted() {
+			if(this.id){
+				this.$store.commit("updateViewTags", {
+					path: this.$route.path,
+					meta: {
+						title:"详情ID="+this.id
+					}
+				})
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style>
+	.sc-page-header {background: #fff;border-bottom: 1px solid #e6e6e6;padding:25px 25px;}
+	.sc-page-header__title h2 {font-size: 17px;color: #3c4a54;font-weight: bold;}
+	.sc-page-header__title p {font-size: 13px;color: #999;margin-top: 15px;}
+</style>