84 lines
1.7 KiB
Vue
84 lines
1.7 KiB
Vue
<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 v-if="scope.row.state_.type == 0"
|
|
>{{ scope.row.state_.name }}中</span
|
|
>
|
|
<span v-else>已{{ 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>
|
|
</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>
|
|
|