更新记录

V1.0.0（2025-08-27） 下载此版本

联系人地址自动识别，解决联系人信息填写费时问题； 基于官方组件+JS实现，全端支持APP、小程序、web

平台兼容性

uni-app(4.07)

其他

地址自动识别解析 uniapp全端通用组件

组件名：qt-detect-address

联系人地址表单较为常用uniapp官方uni-data-picker组件与uniCloud中国城市opendb-city-china数据的组合。但用户使用uni-data-picker组件点选地址，通常又较为费时。 本组件基于uni-data-picker组件与uniCloud中国城市数据 + 纯JS自动识别算法，uniapp全端通用。 实现轻量级的“省、市、区、详细地址”四级地址自动识别填写，同时自动解析返回：公司、姓名、电话、邮箱等信息。

使用方法

• 将联系人信息粘贴到 “详细地址” 输入框中。

• 点击 “智能识别” 按钮。

联系人信息格式

格式:（为提高识别率，建议用换行分隔，行之间可不按顺序）

    单位名称……  *可缺省
    联系人…… 电话…… *可缺省 (手机或带区号的固话号)
    地址……    *可缺省
    备注等信息…… *可缺省`
    其他信息……  *可缺省`

用法示例

<template>
    <view class="container">

        <qt-detect-address :address="address" @changeAddress="changeAddress"></qt-detect-address>

        <view style="padding: 10px 50px;">
            <view>返回地址格式 address：</view>
            <view style="margin-left: 30px;">
                <pre>{{ address }}</pre>
            </view>
            <view style="margin-top: 30px;">返回其他参数 aidcInfo：</view>
            <view style="margin-left: 30px;">
                <pre>{{ aidcInfo }}</pre>
            </view>
        </view>

    </view>
</template>

<script>
    export default {
        data() {
            return {
                address: null,
                aidcInfo: null
            }
        },
        methods: {
            changeAddress(e) {
                this.address = e.address
                this.aidcInfo = e.aidcInfo
            }
        }
    }
</script>

<style>
    .container {
        box-sizing: border-box;
        width: 100%;
        max-width: 1300rpx;
        margin: 0 auto;
        padding: 36rpx;
    }
</style>

返回数据格式

{
    "address": {
        "province": {
            "text": "北京市",
            "value": "110000"
        },
        "city": {
            "text": "北京市",
            "value": "110100"
        },
        "county": {
            "text": "海淀区",
            "value": "110108"
        },
        "detailed": "中关村**路83号**大厦"
    },
    "aidcInfo": {
        "mobile": ["19999999999", "01088888888"],
        "name": "小美",
        "company": "北京****科技有限",
        "detail": "：xiaomei@aaaaa.com\n办公：01088888888",
        "email": ["xiaomei@aaaaa.com"]
    }
}