smart-admin/rc-busness/pages/personal/integral.vue

<template>
	<div>
		<Myheader></Myheader>
		<div class="rc-top"></div>
		<tabs :crumbs="crumbs"></tabs>
		<div class="rc-max-width--xl rc-padding-bottom--md">
			<ul>
				<li v-for="(item, index) in userrecord" :key="index">{{ item.title }}</li>
			</ul>
			<ol>
				<li v-for="(item, index) in usermessage" :key="index">
					<span>{{ item.startDate }}</span>
					<em>{{ item.changeValue }}</em>
					<i>{{ item.remark }}</i>
				</li>
			</ol>
		</div>

		<!-- <div class="rc-button">
       <div class="rc-order">
           <span>积分兑换</span>

       </div>

    </div> -->
	</div>
</template>

<script>
import Myheader from '~/components/header.vue';
import { memberAccount } from '../../ajax/getData';
import { mapState } from  'vuex';
export default {
	data() {
		return {
			crumbs: [
				{
					path: '/personal/mypersonal'
				},
				{
					path: '/personal/integral/'
				}
			],
			userrecord: [
				{
					title: '日期'
				},
				{
					title: '积分'
				},
				{
					title: '类型'
				}
			],

			usermessage: [
				// {
				// 	title: '2021-09-11',
				// 	rccord: '+100',
				// 	buycord: '购物积分'
				// },
				// {
				// 	title: '2021-09-11',
				// 	rccord: '+100',
				// 	buycord: '购物积分'
				// },
				// {
				// 	title: '2021-09-11',
				// 	rccord: '+100',
				// 	buycord: '购物积分'
				// },
				// {
				// 	title: '2021-09-11',
				// 	rccord: '+100',
				// 	buycord: '购物积分'
				// },
				// {
				// 	title: '2021-09-11',
				// 	rccord: '+100',
				// 	buycord: '购物积分'
				// }
			]
		};
	},
	methods: {
		//请求猫
		async catmessage() {
			// let user = JSON.parse(localStorage.getItem('userInfo'));
			// let user = JSON.parse(localStorage.getItem('userInfo'));
			let data = await memberAccount(this.userInfo.id);
			if (data) {
				this.usermessage = data.data;
			}
		}
	},
	mounted() {
		if(this.userInfo){
			this.catmessage();
		}
	},
	components: {
		Myheader
	},
	computed: {
		...mapState({
			userInfo: state => state.user.userInfo
		})
	},
	watch: {
		userInfo(newVal){
			if(newVal){
				this.catmessage();
			}
		}
	}
};
</script>

<style lang="less" scoped>
@import url('../../assets/css/integral.less');
</style>