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,mapState } from '../../ajax/getData';
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 data = await memberAccount(this.user.id);
			if (data) {
				this.usermessage = data.data;
				console.log(this.usermessage.data);
			}
		}
	},
	mounted() {
		this.catmessage();
	},
	components: {
		Myheader
	},
	computed:{
		...mapState({
			userInfo : state => state.user.userInfo
		})
	}
};
</script>

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