InputSelect

InputSelect

查询选择，树形选择，人员选择。

属性

• 属性说明：

使用方法

• 代码示例：

  // 在script标签中按需引入
  import { InputSelect } from '@jecloud/ui';
  import { reactive } from 'vue';
  export default {
    components: { 
        GridSelect: InputSelect.Grid,
        TreeSelect: InputSelect.Tree,
        UserSelect: InputSelect.User,
    },
    setup() {
        const formState = reactive({
            tree: "",
            user: "",
            grid: ""
        });
        return { formState };
    },
  };
  // 在vue的template标签中
  <FormItem label="树形选择(多选)" name="tree">
     // 树形选择
     <TreeSelect
         editable
         v-model:value="formState.tree2"
         config-info="JE_COMM_SSQX,tree,text,M"
     />
  </FormItem>
  // 人员选择
  <FormItem label="人员选择大(单选)" name="user">
     <UserSelect
         textarea
         style="height: 100px"
         v-model:value="formState.user"
         config-info=",user,text,S"
     />
  </FormItem>
  <FormItem label="查询选择(多选)" name="grid">
     <GridSelect
         v-model:value="formState.grid"
         config-info="JE_CORE_FUNCINFO,grid,FUNCINFO_FUNCCODE,M"
     />
  </FormItem>

• 事件脚本示例：

  const { InputSelect, Form } = JE.useUi();
  const { h, ref } = JE.useVue();
  const inputSelectValue = ref('');
  const node = h(InputSelect.Grid, {
    value: inputSelectValue.value,
    configInfo: 'JE_CORE_FUNCINFO,inputSelectValue,FUNCINFO_FUNCCODE,S',
  });
  return h(Form.Item, { label: '查询选择', name: 'inputSelectValue' }, node);