公用组件

## Svg图标 >### 组件:SvgIc``on >### `props` icon-class 对应的svg图片名称 >### `props` class-name 样式名称 ```js // 使用 <svg-icon icon-class="home" class-name="icon-home"></svg-icon> ``` ## 性别tag >### 组件:SexTag >### `props` value 字典的性别值 ```js // 使用 <sex-tag :value="record.ahdp0104" /> ``` >### 参考图片 ![image.png](https://cos.easydoc.net/83926275/files/l050qmn3.png) ## 模版下载图标 >### 组件:TempDownloadBtn >### 说明:目前只有样式,没有功能,后续根据需求扩展 ```js // 使用 <temp-download-btn /> ``` ![image.png](https://cos.easydoc.net/83926275/files/l050xrr4.png) ## 字典表级联组件 >### 组件:CodeCascader >### `props` category 对象 >### `category` code 字典名 >### `category` field 绑定的字段名 >### `category` label 绑定的label值 >### `props` isRquired 是否必填,默认false >### `props` initialValue 默认值,数组格式 ```js // 使用 <code-cascader is-rquired :initialValue="hdp01DataInit.ahdp0119Arr" :category="{ field: 'hdp01Data.ahdp0119', label: '健康状况', code: 'AXCP0011'}" /> ``` ## 区划选择组件 >### 组件:AreaChooseCur >### `props` category 对象 >### `category` field 绑定的字段名 >### `category` label 绑定的label值 >### `props` isRquired 是否必填,默认false >### `props` initialValue 默认值,数组格式 >### `props` isUserArea 默认值false,是否根据当前用户区划显示 >### `props` showMZ 默认值false,是否显示“民政部”等级 >### `props` showCurrent 默认值false,是否显示当前账号区划 ```js // 使用 <area-choose-cur :category="{'label': '所属区域', 'field': 'areaId'}" :initialValue="area" showMZ is-rquired/> ``` ![image.png](https://cos.easydoc.net/83926275/files/l051a8nc.png) ## 搜索表单 >### 组件:SearchPanel >### `props` searchFieldList 搜索字段列表,数组 >### `type` 类型 input || radio || select || codeCascader || area || selectMul >### `field` 字段名称 >### `label` 字段中文名称 >### `placeholder` 提示文字 >### `code` 字典表名称 >### `codeList` 如果没有字典表,可以传入字典数组 >### `event` search ```js let searchFieldList = [ { type: 'input', field: 'keyword', label: '老人信息' } ] <search-panel :searchFieldList="searchFieldList" ref="form" @search="getData" /> ```