<template>
	<view>
		<view v-show="pageInfo.total==0">
			<view class='empty cuIcon-info'></view>
			<view class='empty-text text-gray'>暂无待办事项</view>
		</view>
		<text style="padding-top: 10upx;" class="margin-left">点击列表进行处理</text>
		<view class="cu-card article isCard">
			<view class="cu-item" v-for="(item,index) in pageInfo.backlogList" :key='index'>
				<view class="title flex justify-between">
					<view class="text-cut ">{{item.name}}</view>
				</view>
				<view class="content">
					<view class="desc">
						<view>
							<text class='text-gray'>标记：</text> {{item.label}}
						</view>
						<view>
							<text class='text-gray'>备注：</text>{{item.remark}}
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="margin-left">共 {{pageInfo.total}} 条记录</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pageInfo: {
					total: 3,
					backlogList: [{
							name: "工单评价",
							label: "评价工单20210412162548",
							remark: "在04-15日之前对工单20210412162548的服务进行评价"
						},
						{
							name: "会员预约",
							label: "04-13 15:30:00 有一位会员的预约",
							remark: "会员预约了精品护肤项目, 请及时处理手上项目, 避免让客人久等"
						},
						{
							name: "补单操作",
							label: "在04-14之前 刘怡会员三张服务单进行补单",
							remark: "时间为04-13 15:08:58 刘怡会员有三张单未录入 , 请在04-14日之前进行补单"
						},
					]
				}
			}
		},
		methods: {

		}
	}
</script>

<style>
.content text{
	margin-bottom: 10upx;
}
</style>
