|
@@ -1,5 +1,24 @@
|
|
|
<template>
|
|
|
- <view class="box"> 11111 </view>
|
|
|
+ <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>
|
|
@@ -14,11 +33,11 @@ export default {
|
|
|
getGroupDetail() {
|
|
|
this.$http
|
|
|
.get(`wap/group/queryGroupDeviceInfoById`, {
|
|
|
- group_id: this.groupId,
|
|
|
+ group_id: this.groupInfo.groupId,
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.data.data) {
|
|
|
- this.groupList = res.data.data;
|
|
|
+ // this.groupList = res.data.data;
|
|
|
}
|
|
|
})
|
|
|
.catch((err) => {});
|
|
@@ -28,6 +47,9 @@ export default {
|
|
|
this.groupInfo = JSON.parse(options.groupInfo);
|
|
|
console.log(this.groupInfo, 99999);
|
|
|
},
|
|
|
+ onShow() {
|
|
|
+ this.getGroupDetail();
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
@@ -37,5 +59,38 @@ export default {
|
|
|
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>
|