# VueAutoInputSearch

**Repository Path**: lgj628/vue-auto-input-search

## Basic Information

- **Project Name**: VueAutoInputSearch
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: ISC
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-09
- **Last Updated**: 2024-07-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 数据接口类

> 引入方式

    import request from '@/utils/request';


# 智能检索文本控件

* AiInput

> 引入文件方式

    import AiInput from "vue-auto-input-search/src/vue-auto-input-search";

> 组件声明

    components:{AiInput},

> 组件属性参数说明

|参数名称|参数类型|必填|参数说明|
|---|---|---|---|
|v-mode|object|yes|绑定对象的方法|
|text|string|no|显示的文件信息|
|field|{id:'',name:''}|||
|placeholder||||
|remote||||
|infoapi||||
|param||||
|list||||
|icon||||
|disabled||||

> 组件事件参数说明

|事件名称|回调参数|参数说明|
|---|---|---|
|change|object|当绑定值变化时触发|


> 组件使用示例

    <AiInput 
        v-model="form.goodsId" 
        :text="form.goodsName"
        :field="{id:'goodsId',name:'goodsName'}"
        placeholder="请输入商品名称/简码" 
        remote="/admin/findHaiGoods"
        @change="handleSelectGoodsName($event,scope.$index)"
    ></AiInput>

# 智能检查下拉菜单控件

* AiTreeInput

> 引入方式

    import AiTreeInput from "vue-auto-input-search/src/vue-auto-input-tree";

> 组件声明

    components:{AiTreeInput},

> 组件属性参数说明

|参数名称|参数类型|必填|参数说明|
|---|---|---|---|
|v-mode|object|yes|绑定对象的方法|
|text|string|no|显示的文件信息|
|field|{id:'',name:'',parent:''}|||
|placeholder||||
|remote||||
|infoapi||||
|param||||
|catData||||
|icon||||
|disabled||||

> 组件事件说明

|事件名称|回调参数|参数说明|
|---|---|---|
|change|object|当绑定值变化时触发|

> 组件使用示例

    <AiTreeInput 
        v-model="scope.row.unitId" 
        :text="scope.row.unitName"
        :field="{id:'catId',name:'catName' , parent : 'parentId'}"
        placeholder="请输入商品单位" 
        remote="/admin/ehaisArticleCatModuleData"
        :param="{module:'unit',classify:'unit'}"
    ></AiTreeInput>


> 列表使用说明

+ catData ：防止列表使用组件填充下拉菜单时进入循环调用搜索数据，故要预先加载好下拉菜单所数据数据，传递给当前参数





# 表格数据智能填充

* tableColumnData

> 引入文件方式


    import {tableColumnData} from 'vue-auto-input-search/src/vue-auto-data';


> 方法使用


    var that = this;


    res.data.forEach(item=>{
        item.catName = "";
        that.data.push(item);
    });


    tableColumnData({url:"/admin/ehaisArticleCatModuleData",param:{classify:"purchase",module:"purchase"},data:this.data,column:{id:"catId",name:"catName"},field:{id:'catId',name:"catName"}});

	
	tableColumnData({url:"/admin/ehaisArticleCatModuleData",param:{classify:"unit",module:"unit"},data:that.detailsData,column:{id:"unitId",name:"unitName"},field:{id:'catId',name:"catName"},done:function(res){that.unitData = res.data;}});




+ 本docsify 运行方式  sudo docsify serve docs