| 
					
				 | 
			
			
				@@ -1,9 +1,6 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   <div class="slider-container"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <el-button @click='onOperation("create")'>添加按钮</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <!-- <el-button @click='removeSilder'>删除按钮</el-button> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <!-- <el-button @click='resetSilder'>修改按钮</el-button> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <!-- <el-button @click="lookSilder" type='error'>查询</el-button> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <el-table :data="tableList" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               style="width: 100%;margin-bottom: 20px;" 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -13,19 +10,21 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column prop="name" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                        label="菜单名称"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <el-table-column prop="hid" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                       label="是否隐藏"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column prop="id" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                        label="元素ID"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column prop="type" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                       label="菜单类型"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column prop="path" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                        label="文件路径"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column prop="permission" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                        label="权限标识"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-       
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column prop="hid" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                       label="是否隐藏"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column label="操作"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <template slot-scope="scope"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <el-button @click="onOperation('update', scope.row)" 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -69,8 +68,17 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <el-form-item label="是否隐藏" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       :label-width="formLabelWidth"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-input v-model="form.hid" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    autocomplete="off"></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-select v-model="form.hid"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-option label="否" :value="0"></el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-option label="是" :value="1"></el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-form-item label="菜单类型" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      :label-width="formLabelWidth"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-select v-model="form.type"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-option label="菜单" :value="0"></el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-option label="按钮" :value="1"></el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <el-form-item label="排序" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       :label-width="formLabelWidth"> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -103,7 +111,8 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         parentId: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         sort: 1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         component: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        hid: 0 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        hid: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        type: 0 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -136,7 +145,8 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           sort: row.sort, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           component: row.component, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           id: row.id, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          hid: row.hid 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          hid: row.hid, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          type: row.type 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -150,7 +160,8 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           permission: form.permission, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           sort: form.sort, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           parentId: form.parentId, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          hid: form.hid 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          hid: form.hid, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          type: form.type 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           if (res.code == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             this.$message({ 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -195,7 +206,8 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           parentId: res.parentId, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           component: res.component, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           sort: res.sort, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          hid: res.hid 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          hid: res.hid, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          type: res.type 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         if (res.sysMenus && res.sysMenus.length > 0) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           tempList.children = this.setTableData(res.sysMenus) 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -224,22 +236,10 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         parentId: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         sort: 1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         component: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        hid: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        type: 0 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.$refs[formName].resetFields() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    // 修改菜单栏 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    resetSilder () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      resetSilder({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        // path: 'insideSetting', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        // component: 'insideSetting', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        // name: '分部内部设置', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        // permission: '/insideSetting', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        // sort: '1', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        // parentId: '21', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        // id: '24' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        console.log(res) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 |