更新记录

1.0.1（2023-10-27） 下载此版本

完善服务端检索功能，变成可配字段（默认检索字段为searchName），详细见操作说明

1.0.0（2023-10-24） 下载此版本

兼容弹窗和非弹窗组件以及前后端检索功能

平台兼容性

参数说明

接口返回值说明

    //与后端约定好，请求参数只为当前点击的那个id。如果有检索条件则添加约定好检索条件字段！！！
    //1、接口返回值为
    {
        code:200,
        data：{
            qqq:"qqq",
            bbb:"bbb",
            records:[
                {需要展示的数据001}，
                {需要展示的数据002}，
                {需要展示的数据003}
            ]
        }
    }
    success值则需要传["data", "records"]
    //1、接口返回值为
    {
        code:200,
        data：[
            {需要展示的数据001}，
            {需要展示的数据002}，
            {需要展示的数据003}
        ]
    }
    success值则需要传["data"]
    //2.注意  如果末级没有数据则后端需要多返回一个childrenMark参数
    {
        "success": true,
        "code": "00000",
        "message": "请求成功",
        "data": [
            {
                "id": "50101",
                "deviceName": "净水泵1# 2号线1产线",
                "parentId": "20400",
                "childrenMark": "noChild"
            },
            {
                "id": "50202",
                "deviceName": "净水泵2#",
                "parentId": "20400"
            },
            {
                "id": "50303",
                "deviceName": "净水泵3#",
                "parentId": "20400",
                "childrenMark": "noChild"
            },
            {
                "id": "50404",
                "deviceName": "净水泵4#",
                "parentId": "20400"
            }
        ]
    }
    //3.注意 使用此插件 如果没有显示图标，均可自行替换，传递图标参数即可

返回值说明

    treeConfirm(e) {
        console.log("你点击了确定")
        console.log(e)
        /**
         * e==>
         * [
         *   {id: "100", name: "测试100", parentId: ["1"]}
         *   {id: "110", name: "测试110", parentId: ["1","2"]}
         *   {id: "111", name: "测试111", parentId: ["1","2","3"]}
         * ]
         * e为选中的数据数组
         * e中的对象中有id(idKey指定的字段值)、name(nameKey指定的字段)、parentId(处自己外所有上级的id数组)
         */
    },

代码使用示例

<template>
    <view class="content">
    <!-- <button @click="dakai">打开</button> -->
        <sevenq-lazy-tree ref="sevenqLazy" title="关键字搜索" cancelColor="#757575" confirmColor="#007aff" activeColor="red"
            deveiceIcon="https://icons.bootcss.com/assets/img/icons-hero.png"
            url="https://mock.apifox.cn/m1/2389183-0-default/device" :maskClick="true" :isStartRadio="false"
            :diaLog="false" :fontSearch="false"  formUrl="id" default="all" :header="header" :formData="formData" searchCondition="FCataName"
            method="GET" :success="success" idKey="id" nameKey="deviceName" allKey="id" childrenMark="noChild" 
            @error="error" @confirm="confirm" @cancel="cancel" @onlastData="onlastData" />
    </view>
</template>

<script>
    export default {
        data() {
            return {
                formData:{
                    name:"",
                },
                header: {
                    Authorization: uni.getStorageSync('token'),
                },
                success: ["data"]
            }
        },
        onLoad() {
            this.$nextTick(() => {
                this.$refs.sevenqLazy._show() //如果为非弹窗模式需要传递此操作参数
            })
        },
        methods: {
            //打开选择器
            dakai() {
                this.$refs.sevenqLazy._show()//弹窗模式传递此操作参数
            },
            //接口报错返回
            error(e) {
                console.log(e)
            },
            //点击确定返回
            confirm(e) {
                console.log(e)
            },
            //点击取消时间
            cancel(e) {
                console.log(e)
            },
            //选择子级行数据
            onlastData(row) {
                console.log(row)
            }
        }
    }
</script>