<template>
    <view class="box">
        <view class="meauList" v-for="item in groupList" :key="item.tenantId">
            <view class="menu-item">
                <view class="meanLeft">
                    <text>分享人号码</text>
                </view>
                <view class="meanRight">
                    <text>{{ item.sharerPhone }}</text></view
                >
            </view>
            <view class="menu-item">
                <view class="meanLeft">
                    <text>设备名称</text>
                </view>
                <view class="meanRight">
                    <text>{{ item.devName }}</text></view
                >
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            groupList: [
                {
                    devId: 11,
                    clientId: "111111",
                    tenantId: 1111,
                    tenantName: "设备租户",
                    userId: 1111,
                    devName: "设备1",
                    devType: "1",
                    online: 0,
                    devWarn: 0,
                    software: "1.0.0",
                    hardware: "1.0.0",
                    wifiName: "wifi1",
                    wifiPassword: "9999999",
                    ip: "",
                    fallingConfirm: 0,
                    mountPlain: "",
                    installPosition: "",
                    xxStart: -200,
                    yyStart: -200,
                    zzStart: -200,
                    xxEnd: 200,
                    yyEnd: 200,
                    zzEnd: 200,
                    height: 240,
                },
                {
                    devId: 11,
                    clientId: "222222",
                    tenantId: 1111,
                    tenantName: "设备租户",
                    userId: 1111,
                    devName: "设备2",
                    devType: "1",
                    online: 0,
                    devWarn: 0,
                    software: "1.0.0",
                    hardware: "1.0.0",
                    wifiName: "wifi1",
                    wifiPassword: "9999999",
                    ip: "",
                    fallingConfirm: 0,
                    mountPlain: "",
                    installPosition: "",
                    xxStart: -200,
                    yyStart: -200,
                    zzStart: -200,
                    xxEnd: 200,
                    yyEnd: 200,
                    zzEnd: 200,
                    height: 240,
                },
            ],
            groupInfo: "",
        };
    },
    methods: {
        getGroupDetail() {
            this.$http
                .get(`wap/group/queryGroupDeviceInfoById`, {
                    groupId: this.groupInfo.groupId,
                })
                .then((res) => {
                    if (res.data.data) {
                        // this.groupList = res.data.data;
                    }
                })
                .catch((err) => {});
        },
    },
    onLoad(options) {
        this.groupInfo = JSON.parse(options.groupInfo);
        console.log(this.groupInfo, 99999);
    },
    onShow() {
        this.getGroupDetail();
    },
};
</script>

<style lang="less" scoped>
.box {
    height: 100vh;
    background: linear-gradient(180deg, #faede2 0%, #f4f4f4 100%);
    padding-top: 20rpx;
    box-sizing: border-box;
    .meauList {
        width: 710rpx;
        margin: 18rpx auto;
        background: #fff;
        border-radius: 16rpx;
        box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
        overflow: hidden;
        transition: all 0.3s ease;

        .menu-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 0 32rpx;
            padding: 32rpx 0;
            border-bottom: 1rpx solid #f0f0f0;
            .meanLeft {
                flex: 1;
                color: #666;
                font-size: 28rpx;
                font-weight: 400;
            }

            .meanRight {
                flex: 1;
                text-align: right;
                color: #333;
                font-size: 28rpx;
                font-weight: 500;
                padding-left: 20rpx;
            }
        }
    }
}
</style>
