TgChoosePlusEx 多列放大镜

描述：通过前端数据库，进行查询的放大镜

Attributes

属性名	说明	类型	默认值
page	页面模型	Object	{}
dataType	数据源管理中定义的类型，用于获取下拉框数据的	String
entity	绑定数据(配合nameField使用)	Object	{}
codeField	代码字段	String
nameField	name字段，如果不配置，默认是codeField+""	String	{}
target	自定义放大镜	String
disabled	只读	Boolean	false
canClear	是否出现清空按钮	Boolean	false
codeOnly	只显示code	Boolean	false
validate	校验放大镜的值	Boolean	false
codeBehind	code隐藏	Boolean	false
placeholder	placeholder	String	请选择
addEmpty	是否添加空选项	Boolean	false
focusSelect	获取焦点，自动全选	Boolean	false
isSort	查询以后的数据排序，是否从左边开始	Boolean	false
listHeight	下拉列表的高度	Number	500
isCache	是否存储到前端数据库	Boolean	true

Events

名称	说明	类型	参数
conn	添加放大镜的参数	Functon	page,conn
choose	放大镜弹框，选中数据以后回调	Functon	row,entity
error	放大镜弹框，校验输入错误的回调	Functon	row
choose-keyup	键盘up键的回调，配合表格组件,用户判断是执行本身的事件还是跳过	Functon	{event, flag}
choose-keydown	键盘down键的回调 ,配合表格组件，用户判断是执行本身的事件还是跳过	Functon	{event, flag}

示例代码

基本用法

<TgChoosePlusEx
    :page="page"
    :entity="page.data.entity"
    code-field="gNo"
    v-model="page.data.entity.gNo" data-type="BASE_TRADE"/>

获取焦点，自动全选

设置属性：focusSelect

<TgChoosePlusEx
    :page="page"
    :entity="page.data.entity"
    code-field="gNo"
    v-model="page.data.entity.gNo" data-type="BASE_TRADE" :focusSelect="true"/>

不校验放大镜

设置属性：validate=false
<TgChoosePlusEx :page="page" :entity="page.data.entity" code-field="countryCode" v-model="page.data.entity.countryCode"
              data-type="COUNTRY_LIST" :validate="false"/>

双击数据的回调函数

添加事件:@choose

<TgChoosePlusEx
    :page="page"
    :entity="page.data.entity"
    code-field="gNo"
    v-model="page.data.entity.gNo" data-type="BASE_TRADE" :focusSelect="true"
     @choose="chooseAction"
    />
    

<script>
  //选中数据以后的回调函数
  function chooseAction(row) {
    let name = row.name
  }
</script>

后续提供的功能

放大镜添加筛选条件

通过属性addon，addon是String类型

在数据源中的配置BASE_DATA_HELP：sql如下

	select QUERY_KEY CODE,BASE_COMMENT NAME,QUERY_TYPE,DATA_CHANGE_CODE from SYS_DATA_HELP where 1=1

组件使用：添加自定义事件

添加属性：
1,cascadeField：字段1，字段2

2,addon：{key:{value:'',condition:'',label:'',inEntity:true}}
    key:字段名
    value:值,当从实体中获取值时，value可以为空，如果不为空均从value中获取值
    condition:条件,支持queryField的条件的方式
    label:提示信息
    inEntity:是否从实体中获取值，默认true
    
<el-col :span="8">  
	<el-form-item  label="放大镜EX关联查询多字段"  prop="queryType">  
		<tg-input-plus v-model="page.data.entity.queryType"></tg-input-plus>  
	</el-form-item>  
</el-col>  
<el-col :span="8">  
	<el-form-item  label="代码转换"  prop="dataChangeCode">  
		<tg-input-plus v-model="page.data.entity.dataChangeCode"></tg-input-plus>  
</el-form-item>  
</el-col>  
<el-col :span="8">  
	<el-form-item label="放大镜Ex(queryfield)"  prop="code5">  
		<TgChoosePlusEx :page="page" v-model="page.data.entity.code5"  
	code-field="code5"  :entity="page.data.entity"  name-field="name5"  
	cascadeField="queryType,dataChangeCode"  addon='{  
"queryType":{"label":"queryType","condition":"queryType|A.query_Type|s|l|and"},  
"dataChangeCode":{"label":"dataChangeCode","condition":"dataChangeCode|A.data_Change_Code|s|l|and"}}'  
data-type="BASE_DATA_HELP"/>  
  
</el-form-item>  
</el-col>