DeeSearchServer
<h2>DeeSearchServer 服务搜索组件</h2>
<p>> <font color=#2A75CE>定义: 参数中<font color=red>*</font>表示必填项,<font color=black>{key}</font>表示对象的键,<font color=black>{value}</font>表示对象的值;类型为array或object有子属性</font></p>
<h3>Attributes</h3>
<table>
<thead>
<tr>
<th style="text-align: center;">参数</th>
<th style="text-align: center;">说明</th>
<th style="text-align: center;">类型</th>
<th style="text-align: center;">可选择</th>
<th style="text-align: center;">默认值</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">formData</td>
<td style="text-align: center;">搜索组件表单配置,与deeform一致</td>
<td style="text-align: center;">Array</td>
<td style="text-align: center;">—</td>
<td style="text-align: center;">—</td>
</tr>
<tr>
<td style="text-align: center;">searchText</td>
<td style="text-align: center;">确认按钮名称</td>
<td style="text-align: center;">String</td>
<td style="text-align: center;">—</td>
<td style="text-align: center;">查询</td>
</tr>
<tr>
<td style="text-align: center;">resetText</td>
<td style="text-align: center;">重置按钮名称</td>
<td style="text-align: center;">String</td>
<td style="text-align: center;">—</td>
<td style="text-align: center;">重置</td>
</tr>
<tr>
<td style="text-align: center;">btnListTools</td>
<td style="text-align: center;">按钮组配置,与deetools配置一致</td>
<td style="text-align: center;">Array</td>
<td style="text-align: center;">—</td>
<td style="text-align: center;">空数组</td>
</tr>
<tr>
<td style="text-align: center;">labelWidth</td>
<td style="text-align: center;">标签宽度</td>
<td style="text-align: center;">String</td>
<td style="text-align: center;">—</td>
<td style="text-align: center;">120px</td>
</tr>
</tbody>
</table>
<h3>Events Attributes</h3>
<table>
<thead>
<tr>
<th style="text-align: center;">事件名称</th>
<th style="text-align: center;">说明</th>
<th style="text-align: center;">回调参数</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">search</td>
<td style="text-align: center;">当前按钮时候显示</td>
<td style="text-align: center;">当前form数据</td>
</tr>
<tr>
<td style="text-align: center;">toolbarListeners</td>
<td style="text-align: center;">按钮组点击事件组</td>
<td style="text-align: center;">-</td>
</tr>
</tbody>
</table>
<h3>格式参考</h3>
<p>该组件配合table组件,不用在页面中引入该组件</p>
<pre><code> &lt;dee-search-server
v-model=&quot;searchFormData&quot;
:btn-list-tools=&quot;toolList&quot;
:form-data=&quot;seachForm&quot;
:toolbar-listeners=&quot;toolbarListeners&quot;
@search=&quot;searchTableData&quot;
/&gt;
seachForm: [
{
key: 'name',
title: '名称',
component: 'el-input',
handler: {
change: (val) =&gt; {
}
}
},
toolbarListeners: {
tb-add: (val) =&gt; {
this.download
}
},
toolList: [
{
name: '下载',
btnValue: 'add',
icon: require('/icons/down.png')
}
]
]
</code></pre>