departmentDialog.js

const departmentDialog = {
  data: function () {
    return {
      form: {
        id: '',
        name: '',
        parentId: '',
        parentName: '',
        code: '',
        areaId: '',
        areaName: '',
        level: '',
        type: '',
        sort: ''
      },
      conpanyControl: [],
      props: [
        {
          label: '上级机构',
          prop: 'parentName',
          defaultProp: 'parentId',
          inputType: 'inputTree',
          defaultProps: {
            children: 'children',
            label: 'name'
          },
          visible: false
        },
        {
          label: '名称',
          prop: 'name',
          inputType: 'input'
        },
        {
          label: '所属行政区划',
          prop: 'areaName',
          defaultProp: 'areaId',
          inputType: 'inputTree',
          defaultProps: {
            children: 'children',
            label: 'name'
          },
          visible: false
        },
        {
          label: '机构类别',
          prop: 'type',
          inputType: 'select',
          options: []
        },
        {
          label: '机构编码',
          prop: 'code',
          inputType: 'input'
        },
        {
          label: '排序',
          prop: 'sort',
          inputType: 'input'
        }
      ],
      rules: {
        parentName: [
          { required: true, message: '不能为空', trigger: 'change' }
        ],
        name: [
          { required: true, message: '不能为空', trigger: 'blur' }
        ],
        areaName: [
          { required: true, message: '不能为空', trigger: 'change' }
        ],
        type: [
          { required: true, message: '不能为空', trigger: 'change' }
        ],
        code: [
          { required: true, message: '不能为空', trigger: 'blur' }
        ],
        sort: [
          { required: true, message: '不能为空', trigger: 'blur' }
        ]
      }
    }
  },
  watch: {
    parentIdOptions: {
      handler: function (newVal) {
        if (newVal && newVal.length > 0) {
          this.setOptions('parentName', this.props, newVal)
        }
      },
      immediate: true
    }
  },
  created: function () {
    this.getOrganizationType()
    this.getCompartmentList()
  },
  methods: {
    // 机构类别
    getOrganizationType: function (data) {
      var self = this
      api({
        url: '/sys/department/type',
        type: 'get',
        successFuc: function (res) {
          if (res.code === CONFIG.SUCCESS) {
            self.setOptions('type', self.props, res.data)
          }
        }
      })
    },
    // 所属行政区划
    getCompartmentList: function (data) {
      var self = this
      api({
        url: '/sys/compartment/areaName',
        type: 'get',
        successFuc: function (res) {
          if (res.code === CONFIG.SUCCESS) {
            self.setOptions('areaName', self.props, res.data)
          }
        }
      })
    },
    // Dialog 打开的回调
    openDialogHandle: function () {
      var self = this
      this.$nextTick(function () {
        if (self.title1 === CONFIG.EDIT || self.title1 === CONFIG.ADD) {
          self.clearValidate('departmentForm')
        }
        if (self.title1 === CONFIG.EDIT) {
          self.validate('departmentForm')
        }
      })
    },
    // Dialog 关闭的回调
    closeDialogHandle: function () {
      var self = this
      this.$nextTick(function () {
        if (self.title1 === CONFIG.EDIT || self.title1 === CONFIG.ADD) {
          self.clearForm('departmentForm')
        }
      })
    },
    // 确定
    confirmHandle: function () {
      this.$refs.departmentForm.submitHandle()
    },
    submitHandle: function (data) {
      this.close('departmentDialog')
    },
    cancelHandle: function () {
      this.close('departmentDialog')
    }
  }
}