yixiang/pageC/tuisong.vue

<template>
	<view class="content">
		<view class="box">
			<view class="title">推送通知</view>
			<view class="item hflex acenter jbetween">
				<text>系统通知</text>
				<u-switch v-model="xitong_tongzhi" activeColor="#00b0b0" @change="toxitong"></u-switch>
			</view>
			<view class="item hflex acenter jbetween">
				<text>点赞推送</text>
				<u-switch v-model="dianzan_tuisong" activeColor="#00b0b0" @change="todianzan"></u-switch>
			</view>
			<view class="item hflex acenter jbetween">
				<text>评论推送</text>
				<u-switch v-model="pinglun_tuisong" activeColor="#00b0b0" @change="topinglun"></u-switch>
			</view>
		</view>
		<view class="box">
			<view class="title">谁能给我点赞</view>
			<view class="item hflex acenter jbetween" v-for="(item,index) in list" :key="index"
				@click="dianzanselect(index)">
				<text>{{item.name}}</text>
				<image src="static/select.png" mode="aspectFill" v-if="dianzan_active != index"></image>
				<image src="static/select_active.png" mode="aspectFill" v-else></image>
			</view>
		</view>
		<view class="box">
			<view class="title">谁能收藏我的内容</view>
			<view class="item hflex acenter jbetween" v-for="(item,index) in list" :key="index"
				@click="collectselect(index)">
				<text>{{item.name}}</text>
				<image src="static/select.png" mode="aspectFill" v-if="collect_active != index"></image>
				<image src="static/select_active.png" mode="aspectFill" v-else></image>
			</view>
		</view>
		<view class="box">
			<view class="title">谁能评论回复我</view>
			<view class="item hflex acenter jbetween" v-for="(item,index) in list" :key="index"
				@click="pinglunselect(index)">
				<text>{{item.name}}</text>
				<image src="static/select.png" mode="aspectFill" v-if="pinglun_active != index"></image>
				<image src="static/select_active.png" mode="aspectFill" v-else></image>
			</view>
		</view>
	</view>
</template>

<script>
	import $api from '@/static/js/api.js'
	export default {
		data() {
			return {
				xitong_tongzhi: false,
				dianzan_tuisong: false,
				pinglun_tuisong: false,
				dianzan_active: 0,
				list: [{
						id: 'all',
						name: '任何人'
					},
					{
						id: 'follower',
						name: '仅我关注的'
					},
					{
						id: 'fans',
						name: '仅关注我的'
					},
				],
				collect_active: 0,

				pinglun_active: 0,

			}
		},
		onLoad() {
			this.getdata()
		},
		onShow() {

		},
		onPullDownRefresh() {

		},
		onReachBottom() {

		},
		methods: {
			getdata() {
				var that = this
				$api.req({
					url: 'user/config',
					method: 'get',
				}, function(res) {
					that.xitong_tongzhi = res.data.is_system_notify == 1 ? true : false
					that.dianzan_tuisong = res.data.is_like_notify == 1 ? true : false
					that.pinglun_tuisong = res.data.is_comment_notify == 1 ? true : false
					for (var i = 0; i < that.list.length; i++) {
						if (res.data.who_can_like == that.list[i].id) {
							that.dianzan_active = i
						}
						if (res.data.who_can_collect == that.list[i].id) {
							that.collect_active = i
						}
						if (res.data.who_can_comment == that.list[i].id) {
							that.pinglun_active = i
						}
					}
				})
			},
			collectselect(index) {
				this.collect_active = index
				this.tochangge()
			},
			pinglunselect(index) {
				this.pinglun_active = index
				this.tochangge()
			},
			dianzanselect(index) {
				this.dianzan_active = index
				this.tochangge()
			},
			topinglun(e) {
				this.pinglun_tuisong = e
				this.tochangge()
			},

			todianzan(e) {
				this.dianzan_tuisong = e
				this.tochangge()
			},

			toxitong(e) {
				this.xitong_tongzhi = e
				this.tochangge()
			},
			tochangge() {
				var that = this
				$api.req({
					url: 'user/config',
					method: 'post',
					data: {
						is_system_notify: this.xitong_tongzhi ? 1 : 0,
						is_like_notify: this.dianzan_tuisong ? 1 : 0,
						is_comment_notify: this.pinglun_tuisong ? 1 : 0,
						who_can_like: this.list[this.dianzan_active].id,
						who_can_collect: this.list[this.collect_active].id,
						who_can_comment: this.list[this.pinglun_active].id,
					}
				}, function(res) {
					$api.info(res.msg)
				})
			}
		}
	}
</script>

<style lang="scss">
	.content {
		background: #F5F5F5;

		.box {
			box-sizing: border-box;
			border-top: 1px solid #F5F5F5;
			padding: 28rpx 28rpx 0;
			width: 100%;
			background: #FFFFFF;
			margin: 0 0 20rpx;

			.title {
				font-size: 24rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				color: #333333;
			}

			.item {
				box-sizing: border-box;
				padding: 32rpx 0;
				border-bottom: 1px solid #F5F5F5;

				text {
					font-size: 30rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					color: #333333;
				}

				image {
					width: 32rpx;
					height: 32rpx;
				}
			}
		}
	}
</style>