添加交互逻辑

src/pages/system/caseManger/caseAreaManger/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () {}
 }

src/pages/system/caseManger/caseAreaManger/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () {}
 }

src/pages/system/caseManger/caseInfo/addCase/index.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
         }
         this.mapCenter = [center.lng, center.lat]
       }
+    },
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
     }
   }
 }

src/pages/system/caseManger/caseInfo/editCase/index.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
         }
         this.mapCenter = [center.lng, center.lat]
       }
+    },
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
     }
   }
 }

src/pages/system/caseManger/caseInfo/index.vue

             <el-button
               size="mini"
               type="warning"
-              @click="editItem(scope.$index, scope.row)">修改</el-button>
+              @click="editItem(scope.$index, scope.row)">编辑</el-button>
             <!-- <el-button
               size="mini"
               type="success"

src/pages/system/caseManger/caseTableManger/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/caseManger/caseTableManger/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/channelManager/channelList/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
     }
   },
   components: {},
-  methods: {},
+  methods: {
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
+  },
   mounted () {}
 }
 </script>

src/pages/system/channelManager/channelList/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
     }
   },
   components: {},
-  methods: {},
+  methods: {
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
+  },
   mounted () {}
 }
 </script>

src/pages/system/cmsManger/bannerManger/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () {}
 }

src/pages/system/cmsManger/bannerManger/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/cmsManger/indexMsg/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/cmsManger/indexMsg/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/cmsManger/majorProjects/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/cmsManger/majorProjects/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/cmsManger/newsManger/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/cmsManger/newsManger/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/courseManger/courseTag/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
     }
   },
   components: {},
-  methods: {},
+  methods: {
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
+  },
   mounted () {}
 }
 </script>

src/pages/system/courseManger/courseTag/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
     }
   },
   components: {},
-  methods: {},
+  methods: {
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
+  },
   mounted () {}
 }
 </script>

src/pages/system/courseManger/fiveA/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
     handleNodeClick (node) {
       this.postData.label = node.label
       this.dialogTableVisible = false
+    },
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
     }
   },
   mounted () {

src/pages/system/courseManger/fiveA/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
     },
     init () {
       console.log('请求初始化数据')
+    },
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
     }
   },
   mounted () {

src/pages/system/courseManger/fiveA/index.vue

         label: '根目录',
         rank: '0',
         img: '',
+        deleteCancel: true,
         children: [{
           label: '共享课程&书吧',
-          rank: '0',
+          rank: '1',
+          deleteCancel: true,
           img: '',
           children: [{
             label: '健身',
-            rank: '0',
+            rank: '2',
             img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/163306109741.png',
           }, {
             label: '健康',
-            rank: '0',
+            rank: '3',
             img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/163325263583.png',
           }, {
             label: '艺术',
-            rank: '0',
+            rank: '4',
             img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/104118813781.png',
           }, {
             label: '社交',
-            rank: '0',
+            rank: '5',
             img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/163339496588.png',
           }, {
             label: '教育',
-            rank: '0',
+            rank: '6',
             img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/163351586373.png',
           }]
         }]
           <div class='tree-node-item'>
             <el-button size="mini" type="primary" on-click={() => this.handleNodeClick(node, data)}>添加下级课程类型</el-button>
             <el-button size="mini" type="warning" on-click={() => this.handleEdit(node, data)}>编辑</el-button>
-            <el-button size="mini" type="danger" on-click={() => this.handleDelete(node, data)}>删除</el-button>
+            {node.data.deleteCancel ? (<div></div>) : (<el-button size="mini" type="danger" on-click={() => this.handleDelete(node, data)}>删除</el-button>)}
           </div>
         </span>)
     }

src/pages/system/goodsManger/goodsSpecManger/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/goodsManger/goodsSpecManger/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/goodsManger/goodsTypeManger/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/systemSet/roleManger/add.vue

         </li>
         <li style="text-align:center">
           <el-button type="primary" size="mini" @click='submit'>保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   methods: {
     submit () {
       console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
     }
   },
   mounted () { }

src/pages/system/systemSet/roleManger/edit.vue

         </li>
         <li style="text-align:center">
           <el-button type="primary" size="mini" @click='submit'>保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   methods: {
     submit () {
       console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
     }
   },
   mounted () { }

src/pages/system/systemSet/roleManger/index.vue

         :data="treeData"
         :default-expand-all="true"
         :expand-on-click-node="false"
+        ref="tree"
         show-checkbox
         @node-click="handleNodeClick"></el-tree>
+        <div class="flex-h" style="justify-content: flex-end;margin-top: 1rem">
+          <el-button type='success' @click="getCheckedNodes">确定</el-button>
+        </div>
     </el-dialog>
   </div>
 </template>
     },
     addRole () {
       this.$router.push({ name: 'addRole' })
+    },
+    getCheckedNodes () { // 获取选中的节点
+      console.log(this.$refs.tree.getCheckedNodes())
     }
   }
 }