## 人员和部门选择表
介绍人员和部门选择表的使用
:::demo
``` html
<template>
  <div>
    <mg-form :config="options" :form="form" ref="form" label-position="right" :status-icon="true" ></mg-form>
    <mg-form :config="options2" :form="form" ref="form" label-position="right" :status-icon="true" ></mg-form>
  </div>
</template>
<script>
  import {mgPerson} from "test-xupf";
export default {
  data () {
    return {
      form: { },
      options: [
        {
          label: '人员选择',
          prop: 'name',
          required: true,
          type: 'input',
          showType: 0,
          post: true,
          department: true,
          person: true,
          span: 24,
          dom:mgPerson,
        },
      ],
      options2: [
        {
          label: '人员选择',
          prop: 'name',
          required: true,
          type: 'input',
          showType: 1,
          post: true,
          department: true,
          person: true,
          span: 24,
          dom:mgPerson,
        },
      ],
    }
  },
  method:{
    
  }
}
</script>
```
:::

<template>
  <div class='py20'>
    persondialog 属性
    <mg-table  :column="optionsTable.col" :dataList="dataList " page="false" :params="optionsTable.params" align='left'  >
    </mg-table>
  </div>
</template>
<script>
  import mgPerson from "@/components/mgPerson/person.vue";
export default {
  components:{},
  data () {
    return {
      checkList:[],
      form: { },
      options: [
        {
          label: '人员选择',
          prop: 'name',
          required: true,
          type: 'input',
          showType: 0,
          post: true,
          department: true,
          person: true,
          dom:mgPerson,
        },
      ],
      options2: [
        {
          label: '人员选择',
          prop: 'name',
          required: true,
          type: 'input',
          showType: 1,
          post: true,
          department: true,
          person: true,
          dom:mgPerson,
        },
      ],
      optionsTable: {
        params: {},
        col: [
          {
            label: '参数',
            prop: 'name',
            width: '180px'
          },
          {
            label: '说明',
            prop: 'show',
          },
          {
            label: '类型',
            prop: 'type',
            width: '120px'
          },
          {
            label: '可选值',
            prop: 'option',
             width: '220px'
          },
          {
            label: '默认值',
            prop: 'default',
             width: '120px'
          }
        ],
      },
      dataList:[
        {
         name:'showType',
         show:'显示模式 0：文本输入框械 1：按钮选择显示人员',
         type:'Number',
         option:'',
         default:'',
        },
        {
         name:'post',
         show:'岗位,默认:false',
         type:' Boolean ',
         option:'默认:false',
         default:'',
        },
        {
         name:'person',
         show:'人员,默认:false',
         type:' Boolean ',
         option:'默认:false',
         default:'',
        },
        {
         name:'deparment',
         show:'部门,默认:false',
         type:' Boolean ',
         option:'默认:false',
         default:'',
        },
      ],
    }
  },
  methods:{
    onSubmit(data){
      this.checkList = data;
      this.isPerson = false;
    }
  }
}
</script>