7.15

pageE/setting/ShieldUsers.vue

@@ -1,19 +1,37 @@
 <template>
 	<view class="shield">
-		<view class="shield-list" v-for="(item, index) in 5" :key="index">
+		<view class="shield-list" v-for="(item, index) in userList" :key="index">
 			<view class="infomation">
-				<u-avatar :src="src" size="80"></u-avatar>
-				<view class="nickname u-line-1">神的温柔</view>
+				<u-avatar :src="item.member_avatar" size="80"></u-avatar>
+				<view class="nickname u-line-1">{{ item.member_nickname }}</view>
 			</view>
-			<view class="btn">取消屏蔽</view>
+			<view class="btn" @click="cancelArticleShield(item.member_id)">取消屏蔽</view>
 		</view>
+		<u-empty text="暂无屏蔽用户" mode="list" v-if="!userList.length" margin-top="280" color="#333"></u-empty>
 	</view>
 </template>
 <script>
 export default {
 	data() {
 		return {
-			src: 'https://dmmall.sdbairui.com/uploads/home/avatar/avatar_19.jpg'
+			src: 'https://dmmall.sdbairui.com/uploads/home/avatar/avatar_19.jpg',
+			userList: [],
+		}
+	},
+	onShow() {
+		this.articlShieldList();
+	},
+	methods: {
+		articlShieldList() {
+			this.$u.api.articlShieldList().then(res => {
+				this.userList = res.data;
+			})
+		},
+		// 取消屏蔽
+		cancelArticleShield(id) {
+			this.$u.api.articleDelShield({ id: id }).then(res => {
+				this.articlShieldList();
+			})
 		}
 	}
 };