|
@@ -10,7 +10,7 @@
|
|
|
<span class='Micbold'>可申诉的未执行策略</span>
|
|
|
<span v-if='appealsArr.length>0'>{{appealsArr.length}}</span>
|
|
|
</div>
|
|
|
- <div class='left'>
|
|
|
+ <div class='left' v-if="appealsArr1.length>0">
|
|
|
<div style='margin-bottom:24px' v-for='(item2,index) in appealsArr1' :key='index'>
|
|
|
<p class='date MicrYaHei'>{{item2.date?formatterStr(item2.date):'--'}}</p>
|
|
|
|
|
@@ -47,13 +47,16 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="no-data" v-else>
|
|
|
+ 暂无数据
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class='appealBoxCenter'>
|
|
|
<div class='title'>
|
|
|
<span class='Micbold'>审核中</span>
|
|
|
<span v-if='InAuditArr.length>0'>{{InAuditArr.length}}</span>
|
|
|
</div>
|
|
|
- <div class='center'>
|
|
|
+ <div class='center' v-if="InAuditArr.length>0">
|
|
|
<div class='card' v-for='(item,index) in InAuditArr' :key='index'>
|
|
|
<div class='time' @click='menus(item,2)'>
|
|
|
<span class='time-box'>
|
|
@@ -68,10 +71,13 @@
|
|
|
<div class='remark'>{{item.reason||'--'}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="no-data">
|
|
|
+ 暂无数据
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class='appealBoxRight' ref='appealBoxRight'>
|
|
|
<div class='title Micbold'>审核完成/超时未申诉</div>
|
|
|
- <div class='right'>
|
|
|
+ <div class='right' v-if="auditCompletedArr.length>0">
|
|
|
<div class='card' v-for='(item,index) in auditCompletedArr' :key='index'>
|
|
|
<div class='remark' @click='menus(item,0)'>
|
|
|
<div class='remark-left'>审批时间:{{item.updateTime?formatter1(item.updateTime):'--'}}</div>
|
|
@@ -93,15 +99,18 @@
|
|
|
<div
|
|
|
class='loadingIcon'
|
|
|
style='width: 50px;
|
|
|
- text-align: center;
|
|
|
- margin: 0 auto;
|
|
|
- margin-top: 20px;
|
|
|
- margin-bottom: 30px;'
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 20px;
|
|
|
+ margin-bottom: 30px;'
|
|
|
>
|
|
|
<i v-if='loading' class='el-icon-loading'></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="no-data" v-else>
|
|
|
+ 暂无数据
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -356,7 +365,7 @@ export default {
|
|
|
this.busy = true
|
|
|
}
|
|
|
} else {
|
|
|
- this.auditCompletedArr = res.content
|
|
|
+ this.auditCompletedArr = res.content || []
|
|
|
this.busy = false
|
|
|
}
|
|
|
})
|
|
@@ -408,6 +417,7 @@ export default {
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
+ border-right: 1px solid #EFF0F1;
|
|
|
// overflow: scroll;
|
|
|
.title {
|
|
|
display: flex;
|
|
@@ -572,15 +582,34 @@ export default {
|
|
|
height: 0;
|
|
|
}
|
|
|
}
|
|
|
+ .no-data{
|
|
|
+ font-size:14px;
|
|
|
+ font-family:MicrosoftYaHei;
|
|
|
+ color:rgba(100,108,115,1);
|
|
|
+ height: 100%;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
}
|
|
|
.appealBoxCenter {
|
|
|
flex: 1;
|
|
|
height: 100%;
|
|
|
margin: 0 24px;
|
|
|
+ border-right: 1px solid #EFF0F1;
|
|
|
// overflow: scroll;
|
|
|
// height: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
+ .no-data{
|
|
|
+ font-size:14px;
|
|
|
+ font-family:MicrosoftYaHei;
|
|
|
+ color:rgba(100,108,115,1);
|
|
|
+ height: 100%;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
.title {
|
|
|
display: flex;
|
|
|
margin-bottom: 16px;
|
|
@@ -678,6 +707,15 @@ export default {
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
+ .no-data{
|
|
|
+ font-size:14px;
|
|
|
+ font-family:MicrosoftYaHei;
|
|
|
+ color:rgba(100,108,115,1);
|
|
|
+ height: 100%;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
.title {
|
|
|
padding-top: 116px;
|
|
|
margin-bottom: 16px;
|