<template>
	<view class="body">
		<view class="content">
			<u-toast ref="uToast" />
			<u-collapse :item-style="itemStyle" accordion="true" event-type="close" arrow="true" :accordion="accordion">
				<u-collapse-item :index="index" :title="item.time" v-for="(item, index) in noticeList"
					:key="index">
					<view class="collapse-item">
						<p style="margin-left: 2vw;font-size: 0.8rem;"> <span>姓名:</span> <span style="margin-left: 2vw;"></span> <span style="color: red;"> {{item.name}}</span> </p>
							<p style="margin-left: 2vw;font-size: 0.8rem;"> <span>服务顾问:</span> <span style="margin-left: 2vw;"></span> <span style="color: red;"> {{item.create_user}}</span> </p>
							<view style="margin-left: 2vw;font-size: 0.8rem;"> <p>配件用料:</p> <p style=" color: red; ">{{item.parts}}</p> </view>
							<view style="margin-left: 2vw;font-size: 0.8rem;"> <p>维修项目:</p> <p style=" color: red; "> {{item.rapairs}} </p></view>
							<view  style="margin-left: 2vw;font-size: 0.8rem;"> <p>描述:</p> <p style="color: red;"> {{item.description}}</p> </view >
							<p style="margin-left: 2vw;font-size: 0.8rem;"> <span>时间:</span> <span style="margin-left: 2vw;"></span> <span style="color: red;"> {{item.time}}</span> </p>
						</view>
						<!-- 	</scroll-view> -->
					
				</u-collapse-item>
			</u-collapse>
			</view>
	</view>
</template>
<script>
	// import uniSegmentedControl from '@/uni_modules/uni-segmented-control/components/uni-segmented-control/uni-segmented-control.vue'
	export default {
	
		data() {
			return {
				trailerKeyboardShow: true,
				control: false,
				scrollTop: 0,
				token: '',
				noticeList: [],
				page:1
				
			}
		},
		onLoad(option) {
			if(option.id){
				console.log(option.id)
				this.getMaintenanceList(option.id)
			}
		},
		methods: {
			getMaintenanceList(id) {
				this.$api.getMaintenanceLog(id,res => {
					if (res.code == 0) {
					
							this.noticeList = res.data.data
						
					} else {
						this.errorToast(res.msg)
					}
				})
			},
		
			errorToast(msg) {
				this.$refs.uToast.show({
					title: msg,
					type: 'error',
					duration: 2000
				})
			}
		},

	}
</script>

<style scoped lang="scss">
	.body {
		width: 100vw;
		height: 99vh;
		box-sizing: border-box;
		padding: 0 2vw;
		background-color: #fafafa;
	}

	.paddingOder {
		// width: 96vw;
		// height: 93vh;
		// margin-top: 1vw;
		// background-color: #fafafa;
		// border-radius: 8px;

		.model {
			width: 96vw;
			height: 26vw;
			box-sizing: border-box;
			padding: 0 3vw;
			background-color: white;
			border-radius: 20px;
			margin-top: 2vw;

			ul {
				display: flex;
				justify-content: space-between;

				li {
					.Number {
						font-size: 0.8rem;
						display: flex;
						margin-top: 1vw;
					}

					.playOder {
						display: flex;
						font-size: 0.75rem;
						margin-top: 1vw;
					}
				}

				li:nth-child(2) {
					line-height: 20vw;
					color: red;
				}
			}
		}
	}
</style>