JEECG-BOOT 2.0.2版本发布

ant-design-vue-jeecg/src/components/jeecgbiz/README.md

@@ -0,0 +1,137 @@
+# JSelectDepart 部门选择组件
+选择部门组件,存储部门ID,显示部门名称
+
+## 参数配置
+| 参数           | 类型   | 必填 |说明|
+|--------------|---------|----|---------|
+| modalWidth      |Number   | | 弹框宽度 默认500 |
+| multi      |Boolean   | | 是否多选 默认false |
+| rootOpened      |Boolean   | | 是否展开根节点 默认true |
+| disabled      |Boolean   | | 是否禁用 默认false|
+
+使用示例
+----
+```vue
+<template>
+  <a-form :form="form">
+    <a-form-item label="部门选择v-decorator" style="width: 300px">
+      <j-select-depart v-decorator="['bumen']"/>
+      {{ getFormFieldValue('bumen') }}
+    </a-form-item>
+
+    <a-form-item label="部门选择v-model" style="width: 300px">
+      <j-select-depart v-model="bumen"/>
+      {{ bumen }}
+    </a-form-item>
+
+    <a-form-item label="部门多选v-model" style="width: 300px">
+      <j-select-depart v-model="bumens" :multi="true"/>
+      {{ bumens }}
+    </a-form-item>
+
+  </a-form >
+</template>
+
+<script>
+  import JSelectDepart from '@/components/jeecgbiz/JSelectDepart'
+  export default {
+    components: {JSelectDepart},
+    data() {
+      return {
+        form: this.$form.createForm(this),
+        bumen:"",
+        bumens:""
+      }
+    },
+    methods:{
+      getFormFieldValue(field){
+        return this.form.getFieldValue(field)
+      }
+    }
+  }
+</script>
+```
+# JSelectMultiUser 用户多选组件
+
+使用示例
+----
+```vue
+<template>
+  <a-form :form="form">
+    <a-form-item label="用户选择v-decorator" style="width: 500px">
+      <j-select-multi-user v-decorator="['users']"/>
+      {{ getFormFieldValue('users') }}
+    </a-form-item>
+
+    <a-form-item label="用户选择v-model" style="width: 500px">
+      <j-select-multi-user v-model="users" ></j-select-multi-user>
+      {{ users }}
+    </a-form-item>
+
+  </a-form >
+</template>
+
+<script>
+  import JSelectMultiUser from '@/components/jeecgbiz/JSelectMultiUser'
+  export default {
+    components: {JSelectMultiUser},
+    data() {
+      return {
+        form: this.$form.createForm(this),
+        users:"",
+      }
+    },
+    methods:{
+      getFormFieldValue(field){
+        return this.form.getFieldValue(field)
+      }
+    }
+  }
+</script>
+```
+
+# JSelectUserByDep 根据部门选择用户
+
+## 参数配置
+| 参数           | 类型   | 必填 |说明|
+|--------------|---------|----|---------|
+| modalWidth      |Number   | | 弹框宽度 默认1250 |
+| disabled      |Boolean   | | 是否禁用 |
+
+使用示例
+----
+```vue
+<template>
+  <a-form :form="form">
+    <a-form-item label="用户选择v-decorator" style="width: 500px">
+      <j-select-user-by-dep v-decorator="['users']"/>
+      {{ getFormFieldValue('users') }}
+    </a-form-item>
+
+    <a-form-item label="用户选择v-model" style="width: 500px">
+      <j-select-user-by-dep v-model="users" ></j-select-user-by-dep>
+      {{ users }}
+    </a-form-item>
+
+  </a-form >
+</template>
+
+<script>
+  import JSelectUserByDep from '@/components/jeecgbiz/JSelectUserByDep'
+  export default {
+    components: {JSelectUserByDep},
+    data() {
+      return {
+        form: this.$form.createForm(this),
+        users:"",
+      }
+    },
+    methods:{
+      getFormFieldValue(field){
+        return this.form.getFieldValue(field)
+      }
+    }
+  }
+</script>
+```
+