|
@@ -10,10 +10,23 @@
|
|
|
<span class='Micbold'>可申诉的未执行策略</span>
|
|
|
<span v-if='appealsArr.length>0'>{{appealsArr.length}}</span>
|
|
|
</div>
|
|
|
- <div class='left' v-if="appealsArr1.length>0">
|
|
|
+ <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>
|
|
|
-
|
|
|
+ <div v-if='item2.date'>
|
|
|
+ <p class='date MicrYaHei' v-if='item2.date==today'>{{formatterStr(item2.date)+' 今天'}}</p>
|
|
|
+ <p v-if='item2.date==yesterday' class='date MicrYaHei'>{{formatterStr(item2.date)+' 昨天'}}</p>
|
|
|
+ <p class='date MicrYaHei' v-if='item2.date!=today&&item2.date!=yesterday'>
|
|
|
+ {{formatterStr(item2.date)+' '}}
|
|
|
+ <span v-if='formatter3(formatters(item2.date))==0'>星期日</span>
|
|
|
+ <span v-if='formatter3(formatters(item2.date))==1'>星期一</span>
|
|
|
+ <span v-if='formatter3(formatters(item2.date))==2'>星期二</span>
|
|
|
+ <span v-if='formatter3(formatters(item2.date))==3'>星期三</span>
|
|
|
+ <span v-if='formatter3(formatters(item2.date))==4'>星期四</span>
|
|
|
+ <span v-if='formatter3(formatters(item2.date))==5'>星期五</span>
|
|
|
+ <span v-if='formatter3(formatters(item2.date))==6'>星期六</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <!-- <p class='date MicrYaHei'>{{item2.date?formatterStr(item2.date):'--'}}</p> -->
|
|
|
<div class='execute'>
|
|
|
<div class='card' v-for='(item,index) in item2.children' :key='index'>
|
|
|
<div class='time'>执行时间:{{item.recommend?formatterStr2(item.recommend.time):'--'}}</div>
|
|
@@ -47,16 +60,14 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="no-data" v-else>
|
|
|
- 暂无数据
|
|
|
- </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' v-if="InAuditArr.length>0">
|
|
|
+ <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'>
|
|
@@ -71,16 +82,14 @@
|
|
|
<div class='remark'>{{item.reason||'--'}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="no-data" v-else>
|
|
|
- 暂无数据
|
|
|
- </div>
|
|
|
+ <div class='no-data' v-else>暂无数据</div>
|
|
|
</div>
|
|
|
<div class='appealBoxRight' ref='appealBoxRight'>
|
|
|
<div class='title Micbold'>审核完成/超时未申诉</div>
|
|
|
- <div class='right' v-if="auditCompletedArr.length>0">
|
|
|
+ <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>
|
|
|
+ <div class='remark-left'>审批时间:{{item.status=='306'?'--':(item.updateTime?formatter1(item.updateTime):'--')}}</div>
|
|
|
<div class='remark-right Micbold'>
|
|
|
<span :class='item.status=="303"?"backout":(item.status=="306"?"backout1":"backout2")'>
|
|
|
<img
|
|
@@ -108,9 +117,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="no-data" v-else>
|
|
|
- 暂无数据
|
|
|
- </div>
|
|
|
+ <div class='no-data' v-else>暂无数据</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -147,7 +154,9 @@ export default {
|
|
|
loading: false,
|
|
|
time: '',
|
|
|
day: '',
|
|
|
- day1: ''
|
|
|
+ day1: '',
|
|
|
+ yesterday: '',
|
|
|
+ today: ''
|
|
|
}
|
|
|
},
|
|
|
components: {
|
|
@@ -155,6 +164,8 @@ export default {
|
|
|
EvSnapshotsDialog
|
|
|
},
|
|
|
mounted() {
|
|
|
+ this.today = this.formatter2(moment(new Date()))
|
|
|
+ this.yesterday = this.formatter2(moment(new Date()).add(-1, 'days'))
|
|
|
this.init()
|
|
|
},
|
|
|
methods: {
|
|
@@ -180,6 +191,9 @@ export default {
|
|
|
this.init()
|
|
|
})
|
|
|
},
|
|
|
+ formatter3(date) {
|
|
|
+ return moment.unix(date / 1000).format('d')
|
|
|
+ },
|
|
|
formatter(date) {
|
|
|
return moment.unix(date / 1000).format('YYYY.MM.DD hh:mm')
|
|
|
},
|
|
@@ -196,6 +210,9 @@ export default {
|
|
|
return str.substring(0, 2) + ':' + str.substring(2, 4)
|
|
|
}
|
|
|
},
|
|
|
+ formatters(date) {
|
|
|
+ return moment(date).valueOf()
|
|
|
+ },
|
|
|
menus(item, type) {
|
|
|
this.queryExecutes(item, type)
|
|
|
},
|
|
@@ -417,7 +434,7 @@ export default {
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- border-right: 1px solid #EFF0F1;
|
|
|
+ border-right: 1px solid #eff0f1;
|
|
|
// overflow: scroll;
|
|
|
.title {
|
|
|
display: flex;
|
|
@@ -582,33 +599,33 @@ export default {
|
|
|
height: 0;
|
|
|
}
|
|
|
}
|
|
|
- .no-data{
|
|
|
- font-size:14px;
|
|
|
- font-family:MicrosoftYaHei;
|
|
|
- color:rgba(100,108,115,1);
|
|
|
+ .no-data {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: MicrosoftYaHei;
|
|
|
+ color: rgba(100, 108, 115, 1);
|
|
|
height: 100%;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
- display: flex;
|
|
|
+ display: flex;
|
|
|
}
|
|
|
}
|
|
|
.appealBoxCenter {
|
|
|
flex: 1;
|
|
|
height: 100%;
|
|
|
margin: 0 24px;
|
|
|
- border-right: 1px solid #EFF0F1;
|
|
|
+ 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);
|
|
|
+ .no-data {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: MicrosoftYaHei;
|
|
|
+ color: rgba(100, 108, 115, 1);
|
|
|
height: 100%;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
- display: flex;
|
|
|
+ display: flex;
|
|
|
}
|
|
|
.title {
|
|
|
display: flex;
|
|
@@ -707,10 +724,10 @@ export default {
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- .no-data{
|
|
|
- font-size:14px;
|
|
|
- font-family:MicrosoftYaHei;
|
|
|
- color:rgba(100,108,115,1);
|
|
|
+ .no-data {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: MicrosoftYaHei;
|
|
|
+ color: rgba(100, 108, 115, 1);
|
|
|
height: 100%;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|