<template>
	<el-container>
		<el-main class="nopadding">
			<el-table
				:data="logs"
				fit
				stripe
				style="width: 100%;"
				height="400"
				highlight-current-row
			>
				<el-table-column label="工单标题" min-width="100">
					<template #default="scope">
						<span v-if="scope.row.ticket_data.title">{{ scope.row.ticket_data.title }}中</span>
					</template>
				</el-table-column>
				<el-table-column label="进行状态" min-width="100">
					<template #default="scope">
						<span>{{ scope.row.state_.name }}</span>
					</template>
				</el-table-column>
				<el-table-column label="操作人" min-width="100">
					<template #default="scope">
						<el-span v-if="scope.row.participant_">{{scope.row.participant_.name }}</el-span>
						<el-span v-if="scope.row.participant_str">{{scope.row.participant_str }}</el-span>
					</template>
				</el-table-column>
				<el-table-column
					label="操作意见"
					min-width="100"
					prop="suggestion"
				>
				</el-table-column>
				<el-table-column
					label="更新时间"
					min-width="100"
					prop="update_time"
				>
				</el-table-column>
			</el-table>
		</el-main>
	</el-container>
</template>
<!--工单处理详情组件-->
<script>
	export default {
		name: "detail",
		props: {
			ticket: {
				type: String,
				default: null
			}
		},
		data() {
			return {
				logs: [],
				ticketId: null,
			};
		},
		mounted() {
			debugger;
			this.ticketId = this.ticket;
			this.getFlowlogss();
		},
		methods: {
			getFlowlogss() {
				let that = this;
				this.$API.wf.ticket.ticketFlowlogs.req(that.ticketId).then(res => {
					if (res.err_msg) {
					} else {
						that.logs = res;
					}
				});
			},
		},
	};
</script>

