NwDictionary 字典

从系统字典选择页面展示

<template>
    <!--从系统字典选择-->
    <NwDictionary 
        v-model:value="data.dictItemCode"
        type="select"
        origin="dict"
        dictCode="test" 
        @update:value="dictChange">
    </NwDictionary>
</template>

<script setup lang="ts">
    // 组件引入
    import { NwDictionary } from "@platform-lib/base";
    
    const data = ref({});
    // 值改变事件
    const dictChange = (v: string, d: any) => {
        
    }
</script>

自定义数据选择页面展示

<template>
    <!--自定义数据选择-->
    <NwDictionary  
        v-model:value="data.dictItemCode"
        type="checkbox"
        origin="json"
        json='[{"value":"test","label":"测试"},{"value":"test1","label":"测试1"}]'
        @update:value="dictChange"
    </NwDictionary>
</template>

<script setup lang="ts">
    // 组件引入
    import { NwDictionary } from "@platform-lib/base";
    
    const data = ref({});
    // 值改变事件
    const dictChange = (v: string, d: any) => {
        
    }
</script>

url数据选择页面展示

<template>
     <!--url数据选择-->
     <NwDictionary v-model:value="data.dictItemCode" origin="url" url="/main/dictItem/list" requestMethod="get"
        valueFiled="dictItemCode"
        type="radio"
        :requestParameter= "jsonString"
        labelFiled="dictItemName" >
    </NwDictionary>
</template>

<script setup lang="ts">
    // 组件引入
    import { NwDictionary } from "@platform-lib/base";
    
    const data = ref({});
    const jsonString = "{\"dictCode\" : \"test001\"}";
    // 值改变事件
    const dictChange = (v: string, d: any) => {
        
    }
</script>

代码说明

type 类型------支持三种形式
- select ---> 下拉选择
- radio ---> 单选框
- checkbox ---> 多选框
origin 数据来源------支持三种形式
- dict ---> 系统字典(dictCode 不能为空)
- json ---> json对象
- url ---> url:路径；requestMethod:请求方式;requestParameter:请求参数
multiple 多选------在下拉选择时使用

NwDictionary Props 属性

参数	说明	类型	默认值	必填
value	双向v-model:value数据绑定, 适配基础的字符串code	string	"""	Y
type	字典表选择类型, 有单选框, 多选框, 下拉选择	String	'checkbox'	Y
disabled	是否禁用	Boolean	false	N
origin	数据来源字典表或json, 自定义选择	String	"""	Y
dictCode	字典Code, 用于获取字典项数据, origin为dict是必填	String	"""	Y
json	自定义字典项数据, json格式如, `{"value":"test","label":"测试"}`, origin为json是必填	String	"""	Y
multiple	是否多选, type为下拉选择时选择	Boolean	false	N

NwDictionary Events 事件

名称	参数	描述
update:value	(v: string, d?: string)选中的字典项code, 变动时触发的参数；d:当前选中的字典项

字典回显

在台账或其他环境实现根据code回显label的text形式

Last modified: 20 一月 2025