AnalysisSystemForRadionucli.../src/components/jeecgbiz
2023-06-07 15:47:22 +08:00
..
JSelectBizComponent fix: 优化系统各页面样式,改中文为英文 2023-05-25 19:43:05 +08:00
modal feat: 增加空状态组件,修改全局空状态;优化scheduling日期字体大小,修复穿梭框中存在的问题 2023-06-07 15:47:22 +08:00
thirdApp first commit 2023-05-06 15:58:45 +08:00
JSelectDepart.vue fix: 优化系统各页面样式,改中文为英文 2023-05-25 19:43:05 +08:00
JSelectMultiUser.vue first commit 2023-05-06 15:58:45 +08:00
JSelectPosition.vue fix: 优化系统各页面样式,改中文为英文 2023-05-25 19:43:05 +08:00
JSelectRole.vue first commit 2023-05-06 15:58:45 +08:00
JSelectUserByDep.vue first commit 2023-05-06 15:58:45 +08:00
README.md first commit 2023-05-06 15:58:45 +08:00

JSelectDepart 部门选择组件

选择部门组件,存储部门ID,显示部门名称

参数配置

参数 类型 必填 说明
modalWidth Number 弹框宽度 默认500
multi Boolean 是否多选 默认false
rootOpened Boolean 是否展开根节点 默认true
disabled Boolean 是否禁用 默认false

使用示例

<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 用户多选组件

使用示例

<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 是否禁用

使用示例

<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>