|
@@ -66,7 +66,7 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="appealBoxRight">
|
|
|
|
|
|
+ <div class="appealBoxRight" ref="appealBoxRight">
|
|
<div class="title Micbold">审核完成/超时未申诉</div>
|
|
<div class="title Micbold">审核完成/超时未申诉</div>
|
|
<div class="right">
|
|
<div class="right">
|
|
<div class="card" v-for="(item,index) in auditCompletedArr" :key="index">
|
|
<div class="card" v-for="(item,index) in auditCompletedArr" :key="index">
|
|
@@ -88,6 +88,18 @@
|
|
<span>{{item.title||'--'}}</span>
|
|
<span>{{item.title||'--'}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy">
|
|
|
|
+ <div
|
|
|
|
+ class="loadingIcon"
|
|
|
|
+ style="width: 50px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ margin-bottom: 30px;"
|
|
|
|
+ >
|
|
|
|
+ <i class="el-icon-loading"></i>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -126,7 +138,10 @@ export default {
|
|
auditCompletedArr: [], //审核完成,超时未申诉
|
|
auditCompletedArr: [], //审核完成,超时未申诉
|
|
appealsDate: "",
|
|
appealsDate: "",
|
|
viewSnapshots: false,
|
|
viewSnapshots: false,
|
|
- newArr: []
|
|
|
|
|
|
+ newArr: [],
|
|
|
|
+ busy: true,
|
|
|
|
+ page: 1,
|
|
|
|
+ pageSize: 15
|
|
};
|
|
};
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|
|
@@ -185,7 +200,7 @@ export default {
|
|
},
|
|
},
|
|
init() {
|
|
init() {
|
|
this.appealsIng();
|
|
this.appealsIng();
|
|
- this.auditCompletedIng();
|
|
|
|
|
|
+ this.auditCompletedIng(true);
|
|
this.InAuditIng();
|
|
this.InAuditIng();
|
|
},
|
|
},
|
|
// 可申诉的未执行策略
|
|
// 可申诉的未执行策略
|
|
@@ -240,7 +255,7 @@ export default {
|
|
});
|
|
});
|
|
},
|
|
},
|
|
// 审核完成、超时未申诉
|
|
// 审核完成、超时未申诉
|
|
- auditCompletedIng() {
|
|
|
|
|
|
+ auditCompletedIng(flag) {
|
|
let params = {
|
|
let params = {
|
|
postParams: {
|
|
postParams: {
|
|
criteria: {
|
|
criteria: {
|
|
@@ -251,16 +266,34 @@ export default {
|
|
$gte: "20200216000000" //三天以内
|
|
$gte: "20200216000000" //三天以内
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- size:10,
|
|
|
|
- page:1,
|
|
|
|
|
|
+ size: this.pageSize,
|
|
|
|
+ page: this.page,
|
|
withColumns: ["customAttribute"]
|
|
withColumns: ["customAttribute"]
|
|
}
|
|
}
|
|
};
|
|
};
|
|
queryWorkflow(params).then(res => {
|
|
queryWorkflow(params).then(res => {
|
|
- this.auditCompletedArr = res.content ? res.content : [];
|
|
|
|
|
|
+ // this.auditCompletedArr = res.content ? res.content : [];
|
|
|
|
+ if (flag) {
|
|
|
|
+ // 多次加载数据
|
|
|
|
+ this.auditCompletedArr = this.auditCompletedArr.concat(res.content);
|
|
|
|
+ if (res.content.length == 0) {
|
|
|
|
+ this.busy = true;
|
|
|
|
+ } else {
|
|
|
|
+ this.busy = false;
|
|
|
|
+ }
|
|
|
|
+ } else {
|
|
|
|
+ this.auditCompletedArr = res.content;
|
|
|
|
+ this.busy = false;
|
|
|
|
+ }
|
|
});
|
|
});
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+ loadMore: function() {
|
|
|
|
+ this.busy = true;
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ this.page++;
|
|
|
|
+ this.auditCompletedIng(true);
|
|
|
|
+ }, 1000);
|
|
|
|
+ },
|
|
// 审核中
|
|
// 审核中
|
|
InAuditIng() {
|
|
InAuditIng() {
|
|
let params = {
|
|
let params = {
|
|
@@ -556,6 +589,13 @@ export default {
|
|
.card:hover .backout {
|
|
.card:hover .backout {
|
|
display: block;
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
+ .loadingIcon {
|
|
|
|
+ width: 50px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ margin-bottom: 30px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.appealBoxRight {
|
|
.appealBoxRight {
|