<template>
	<view>
		<z-navbar title="咨询历史明细" back></z-navbar>
		<view class="ml-20">
		<z-timeline class="mt-24" align="top"  v-if="dataList.length" >
			<z-timeline-item :timestamp="item.createTime" v-for="(item,index) in dataList" :key="index">
				<z-card class="back_card mtb-20 " width="593">
					<view class="flex-n fac">
						<image class="back_card_img" :src="item.headImageSrc||'../../../static/touxiang_2.png'"></image>
						<view class="back_card_content">
							<view  class="back_card_text">{{item.roleName}}</view>
							<view  class="back_card_text">{{item.createUserName}}</view>
						</view>
					</view>
					<view  class="back_card_text2">{{item.remark||'无'}}</view>
				</z-card>
			</z-timeline-item>
		</z-timeline>
	</view>
	<u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList:[]
			};
		},
		onLoad(option) {
			console.log(option)
			this.getData(option.id);
		},
		methods:{
			getData(id){
				//needgai app/preUserAskRecord/askHandleById
				this.$axios.post('app/preUserAskRecord/askHandleById',{
					 "userAskId": id
				}).then(res=>{
					console.log(res.data)
					this.dataList=res.data.list;
				}).catch(err=>{
					this.$refs.uToast.error(err.msg);
				})
			}
		}
	}
</script>

<style scoped lang="scss">
.back_card{
	margin-left: 0!important;
	font-size: 24rpx;
	padding:26rpx;
	.back_card_img{
		width: 89rpx;
		min-width: 89rpx;
		height: 89rpx;
		border-radius: 45rpx;
		background: #eee;
		overflow: hidden;
		margin-right: 19rpx;
	}
	.back_card_text{
		color: #555555;
		line-height: 30rpx;
	}
	.back_card_text2{
		color: #888888;
		margin-left: 108rpx;
	}
}
</style>

