edit.vue 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <template>
  2. <div class="hui-flex hui-dialog">
  3. <div class="hui-flex-box hui-dialog-content">
  4. <el-form ref="menuForm" :model="menuForm" label-position="top">
  5. <el-form-item label="菜单名称">
  6. <el-input v-model="menuForm.title"></el-input>
  7. </el-form-item>
  8. <el-form-item label="菜单URL">
  9. <el-input v-model="menuForm.index"></el-input>
  10. </el-form-item>
  11. <el-form-item label="菜单图标">
  12. <el-input v-model="menuForm.iconClass"></el-input>
  13. </el-form-item>
  14. <el-form-item label="是否菜单">
  15. <el-radio v-model="menuForm.isMenu" label="1">是</el-radio>
  16. <el-radio v-model="menuForm.isMenu" label="2">否</el-radio>
  17. </el-form-item>
  18. </el-form>
  19. </div>
  20. <div class="hui-dialog-submit">
  21. <el-button size="small" @click="$emit('callback')">取 消</el-button>
  22. <el-button size="small" type="primary" @click="submit">保 存</el-button>
  23. </div>
  24. </div>
  25. </template>
  26. <script>
  27. export default {
  28. props: ['updateData'],
  29. data() {
  30. return {
  31. menuForm: {
  32. title: '',
  33. index: '',
  34. iconClass: '',
  35. isMenu: '1'
  36. }
  37. }
  38. },
  39. mounted() {
  40. let _self = this;
  41. if (_self.updateData.id) _self.menuForm = _self.updateData;
  42. },
  43. methods: {
  44. sureIncrease() { //返回新增数据
  45. let _self = this;
  46. if (_self.menuForm.index == '') delete _self.menuForm.index;
  47. return _self.menuForm;
  48. },
  49. submit() {
  50. this.$emit('sure')
  51. }
  52. }
  53. }
  54. </script>
  55. <style lang="scss">
  56. </style>