<!-- 待完成任务 -->
|
<template>
|
<div>
|
<div class="header-block">
|
<p class="section-title">待完成任务</p>
|
<div class="list-table">
|
<el-form ref="ruleForm" :model="ruleForm" :show-message="false">
|
<el-table :data="ruleForm.tableData" fit stripe size="small">
|
<el-table-column prop="index" width="50px">
|
<template slot="header">
|
<span>
|
<span>序号</span>
|
</span>
|
</template>
|
<template slot-scope="scope">
|
<div>{{ scope.row.index }}</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="nodeName" width="200px">
|
<template slot="header">
|
<span>
|
<span>待完成任务名称</span>
|
</span>
|
</template>
|
<template slot-scope="scope">
|
<div>{{ scope.row.nodeName }}</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="startTime" width="250px">
|
<template slot="header">
|
<span>
|
<span>任务生成时间</span>
|
</span>
|
</template>
|
<template slot-scope="scope">
|
<div>{{ scope.row.startTime }}</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="endTime" width="250px">
|
<template slot="header">
|
<span>
|
<span>任务完成截止时间</span>
|
</span>
|
</template>
|
<template slot-scope="scope">
|
<div>{{ scope.row.endTime }}</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="finishState" width="250px">
|
<template slot="header">
|
<span>
|
<span>任务状态</span>
|
</span>
|
</template>
|
<template slot-scope="scope">
|
<div>{{ finishStateType[scope.row.finishState] }}</div>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-form>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
import {
|
queryAcctLoan,
|
overdueImportCollectionExcel,
|
overdueQueryCollectionLetter,
|
overdueQueryNotFinishTask,
|
} from "@comprehensive/serve/public";
|
export default {
|
props: {
|
// 申请编号
|
serialNo: {
|
type: String,
|
// required: true,
|
},
|
caseId: {
|
type: String,
|
},
|
promissNoteNo: {
|
type: String,
|
},
|
canEdit: {
|
type: Boolean,
|
},
|
objectType: {
|
type: String,
|
default: "",
|
},
|
customerID: {
|
type: String,
|
default: "",
|
},
|
},
|
components: {},
|
data() {
|
return {
|
ruleForm: {
|
tableData: [],
|
},
|
finishStateType: {
|
'0': '未完成',
|
'1': '人工完成',
|
'2': '系统自动完成',
|
},
|
};
|
},
|
created() {
|
this.init();
|
},
|
methods: {
|
init() {
|
this.requestOverdueQueryNotFinishTask();
|
},
|
async requestOverdueQueryNotFinishTask() {
|
const { promissNoteNo } = this;
|
if (promissNoteNo) {
|
const resp = await overdueQueryNotFinishTask({
|
loanId: promissNoteNo,
|
});
|
|
if (resp.code == "00") {
|
let tempArr = resp.result
|
for (let i = 0; i < tempArr.length; i++) {
|
tempArr[i].index = i + 1;
|
}
|
this.ruleForm.tableData = resp.result;
|
}
|
}
|
},
|
},
|
watch: {
|
promissNoteNo: {
|
handler(newVal) {
|
this.requestOverdueQueryNotFinishTask();
|
},
|
},
|
},
|
};
|
</script>
|
<style lang="postcss" scoped>
|
.list-table {
|
.poptext {
|
white-space: nowrap;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
}
|
& >>> .el-table th {
|
background: #f5f5f5;
|
color: #222222;
|
padding: 0;
|
border-color: #ebeef5;
|
}
|
& >>> .el-table tr {
|
height: 48px;
|
line-height: 48px;
|
}
|
& >>> .el-table tr th {
|
line-height: 44px;
|
}
|
& >>> .el-table .select-row td {
|
color: #222;
|
background-color: #e7f4fe;
|
}
|
& >>> .el-table td {
|
color: #666666;
|
border-color: #eee;
|
padding: 0;
|
height: 48px;
|
& .cell {
|
line-height: 18px;
|
}
|
}
|
& a {
|
color: #0081f0;
|
cursor: pointer;
|
}
|
& >>> .item-inner p {
|
padding: 0;
|
margin: 0;
|
&.showTooltip {
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
}
|
& >>> .item-inner p .el-button + .el-button {
|
padding-left: 10px;
|
}
|
& >>> .el-table__body-wrapper {
|
&::-webkit-scrollbar {
|
height: 10px;
|
width: 10px;
|
}
|
&::-webkit-scrollbar-track-piece {
|
}
|
&::-webkit-scrollbar-track-piece {
|
}
|
&::-webkit-scrollbar-track {
|
border-radius: 1em;
|
/* background-color: rgba(50, 50, 50, 0.1); */
|
background-color: #ffffff;
|
}
|
&::-webkit-scrollbar-thumb {
|
border-radius: 1em;
|
/* background-color: rgba(50, 50, 50, 0.2); */
|
background-color: rgba(0, 0, 0, 0.5);
|
}
|
}
|
& .pagination {
|
padding: 20px 0;
|
color: #666666;
|
& >>> .el-pagination__total {
|
margin-left: 20px;
|
font-size: 14px;
|
color: #666666;
|
}
|
& >>> .el-pager li {
|
width: auto;
|
min-width: 32px;
|
height: 32px;
|
background: rgba(255, 255, 255, 1);
|
border-radius: 4px;
|
border: 1px solid rgba(238, 238, 238, 1);
|
font-size: 14px;
|
color: #666666;
|
font-weight: normal;
|
/* min-width: 34px; */
|
}
|
& >>> .el-pagination__jump {
|
font-size: 14px;
|
color: #666666;
|
}
|
& >>> .btn-next,
|
& >>> .btn-prev {
|
width: 32px;
|
height: 32px;
|
background: rgba(255, 255, 255, 1);
|
border-radius: 4px;
|
border: 1px solid rgba(238, 238, 238, 1);
|
font-size: 14px;
|
color: #666666;
|
}
|
& >>> .btn-next:disabled,
|
& >>> .btn-prev:disabled {
|
opacity: 0.6;
|
}
|
}
|
& .buttons-links >>> .el-link {
|
margin-right: 20px;
|
&:last-child {
|
margin: 0;
|
}
|
}
|
& .button-select {
|
cursor: pointer;
|
color: #0081f0;
|
padding-left: 20px;
|
& >>> .el-icon--right {
|
margin: 0;
|
}
|
}
|
& .button-select-disabled {
|
color: #c5c5c5;
|
padding-left: 20px;
|
/* padding-right: 2em; */
|
}
|
& p.buttons-wraper {
|
display: flex;
|
justify-content: flex-start;
|
align-items: center;
|
padding-right: 10px;
|
}
|
}
|
.padding-right {
|
padding-right: 40px;
|
}
|
.listcontent {
|
display: flex;
|
align-items: center;
|
flex-wrap: wrap;
|
padding-left: 20px;
|
& >>> p {
|
width: 25%;
|
margin-bottom: 10px;
|
font-size: 13px;
|
}
|
}
|
</style>
|
<style lang="postcss" scoped>
|
.form-section {
|
display: flex;
|
align-items: baseline;
|
& .search {
|
margin: 10px 0 0 50px;
|
padding: 0;
|
}
|
}
|
.header-block {
|
margin-bottom: 25px;
|
& .section-title {
|
margin: 30px 0 20px 0;
|
padding: 0 0 0 10px;
|
border-left: solid 2px #0081f0;
|
line-height: 16px;
|
font-size: 14px;
|
color: #222222;
|
}
|
}
|
</style>
|
