TDetail 详情组件

详情组件————可实现表单回显

html

<!-- 常规模式 -->
<t-detail :descData="descData" />
<!-- 字典回显模式 -->
<t-detail :descData="descData" :dataList="dataList"
:listTypeInfo=="listTypeInfo" />

<!-- 常规模式 -->
<t-detail :descData="descData" />
<!-- 字典回显模式 -->
<t-detail :descData="descData" :dataList="dataList"
:listTypeInfo=="listTypeInfo" />

参数	说明	类型	默认值
descData	详情页面数据源	Array	-
----label	详情字段说明标题	String	-
----value	详情字段返回值	String	-
----fieldName	value 返回值的字段	String	-
----slotName	插槽（自定义 value）	slot	-
----bind	继承el-descriptions-item属性	Object	-
----span	占用的列宽，默认占用 1 列，最多 4 列	Number	1
----tooltip	value 值的提示语	String/function	-
----iconSize	tooltip 提示语的 icon 大小	String/Number	继承字体大小
----iconColor	tooltip 提示语的 icon 颜色	String	继承颜色
----filters	字典类型（即后台返回的是数字类型）过滤转成中文	Object	-
-------list	字典 list 定义的数据名即 listTypeInfo 里面对应的值	String	-
-------key	下拉数据源的 key 字段	String	'value'
-------label	下拉数据源的 label 字段	String	'label'
descColumn	布局一行显示几列（默认：一行显示 4 列）	Number	4
dataList	开启 filters 时详情接口返回的数据	Object	{}
listTypeInfo	开启 filters 时下拉数据源	Object	{}

TDetail 详情组件 ​