Compare commits
2 Commits
f7eaf5a716
...
1aa4e11e50
| Author | SHA1 | Date |
|---|---|---|
 faiz
|
1aa4e11e50 | |
|
faiz
|
e6b75d0a83 |
|
|
@ -53,7 +53,7 @@
|
|||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
||||
<div class="card-panel">
|
||||
<div class="card-panel" @click="handleOrder({os_status:[4,2]})">
|
||||
<div class="card-panel-icon-wrapper icon-skill">
|
||||
<svg-icon icon-class="skill" class-name="card-panel-icon" />
|
||||
</div>
|
||||
|
|
@ -66,7 +66,7 @@
|
|||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
||||
<div class="card-panel">
|
||||
<div class="card-panel" @click="handleOrder({os_status:[4,2]})">
|
||||
<div class="card-panel-icon-wrapper icon-money2">
|
||||
<svg-icon icon-class="money" class-name="card-panel-icon" />
|
||||
</div>
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
||||
<div class="card-panel">
|
||||
<div class="card-panel" @click="handleOrder({os_status:[4,3]})">
|
||||
<div class="card-panel-icon-wrapper icon-documentation">
|
||||
<svg-icon icon-class="documentation" class-name="card-panel-icon" />
|
||||
</div>
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
||||
<div class="card-panel">
|
||||
<div class="card-panel" @click="handleOrder({os_status:[4,3]})">
|
||||
<div class="card-panel-icon-wrapper icon-money">
|
||||
<svg-icon icon-class="money" class-name="card-panel-icon" />
|
||||
</div>
|
||||
|
|
@ -104,6 +104,84 @@
|
|||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
||||
<div class="card-panel" @click="handleOrder({os_status:[4,3],times:[handleGetStartTime(30),handleEndTime()]})">
|
||||
<div class="card-panel-icon-wrapper icon-camellia">
|
||||
<svg-icon icon-class="documentation" class-name="card-panel-icon" />
|
||||
</div>
|
||||
<div class="card-panel-description">
|
||||
<div class="card-panel-text">
|
||||
退款订单数30天
|
||||
</div>
|
||||
<count-to :start-val="0" :end-val="refund_30" :duration="10" class="card-panel-num" />
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
||||
<div class="card-panel" @click="handleOrder({os_status:[4,3],times:[handleGetStartTime(30),handleEndTime()]})">
|
||||
<div class="card-panel-icon-wrapper icon-camellia">
|
||||
<svg-icon icon-class="money" class-name="card-panel-icon" />
|
||||
</div>
|
||||
<div class="card-panel-description">
|
||||
<div class="card-panel-text">
|
||||
退款订单金额30天
|
||||
</div>
|
||||
<count-to :start-val="0" :end-val="refund_price_30" :duration="10" class="card-panel-num" />
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
||||
<div class="card-panel" @click="handleOrder({os_status:[4,3],times:[handleGetStartTime(60),handleEndTime()]})">
|
||||
<div class="card-panel-icon-wrapper icon-camellia-sixty">
|
||||
<svg-icon icon-class="documentation" class-name="card-panel-icon" />
|
||||
</div>
|
||||
<div class="card-panel-description">
|
||||
<div class="card-panel-text">
|
||||
退款订单数60天
|
||||
</div>
|
||||
<count-to :start-val="0" :end-val="refund_60" :duration="10" class="card-panel-num" />
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
||||
<div class="card-panel" @click="handleOrder({os_status:[4,3],times:[handleGetStartTime(60),handleEndTime()]})">
|
||||
<div class="card-panel-icon-wrapper icon-camellia-sixty">
|
||||
<svg-icon icon-class="money" class-name="card-panel-icon" />
|
||||
</div>
|
||||
<div class="card-panel-description">
|
||||
<div class="card-panel-text">
|
||||
退款订单金额60天
|
||||
</div>
|
||||
<count-to :start-val="0" :end-val="refund_price_60" :duration="10" class="card-panel-num" />
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
||||
<div class="card-panel" @click="handleOrder({os_status:[4,3],times:[handleGetStartTime(80),handleEndTime()]})">
|
||||
<div class="card-panel-icon-wrapper icon-camellia-fourscore">
|
||||
<svg-icon icon-class="documentation" class-name="card-panel-icon" />
|
||||
</div>
|
||||
<div class="card-panel-description">
|
||||
<div class="card-panel-text">
|
||||
退款订单数80天
|
||||
</div>
|
||||
<count-to :start-val="0" :end-val="refund_80" :duration="10" class="card-panel-num" />
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
||||
<div class="card-panel" @click="handleOrder({os_status:[4,3],times:[handleGetStartTime(80),handleEndTime()]})">
|
||||
<div class="card-panel-icon-wrapper icon-camellia-fourscore">
|
||||
<svg-icon icon-class="money" class-name="card-panel-icon" />
|
||||
</div>
|
||||
<div class="card-panel-description">
|
||||
<div class="card-panel-text">
|
||||
退款订单金额80天
|
||||
</div>
|
||||
<count-to :start-val="0" :end-val="refund_price_80" :duration="10" class="card-panel-num" />
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
|
|
@ -123,7 +201,13 @@ export default {
|
|||
asset:0,
|
||||
asset_price:0,
|
||||
refund:0,
|
||||
refund_price:0
|
||||
refund_price:0,
|
||||
refund_30: 0,
|
||||
refund_60: 0,
|
||||
refund_80: 0,
|
||||
refund_price_30: 0,
|
||||
refund_price_60: 0,
|
||||
refund_price_80: 0
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
|
@ -143,6 +227,14 @@ export default {
|
|||
})
|
||||
},
|
||||
methods: {
|
||||
//获取n天的时间戳
|
||||
handleGetStartTime(i){
|
||||
return new Date(new Date().setHours(0, 0, 0) - 1000 * 3600 * 24 *i).getTime()
|
||||
},
|
||||
//获取当天结束时间的时间戳
|
||||
handleEndTime(){
|
||||
return new Date(new Date().setHours(23,59,59,999)).getTime()
|
||||
},
|
||||
handleSetLineChartData(type) {
|
||||
this.$emit('handleSetLineChartData', type)
|
||||
},
|
||||
|
|
@ -179,7 +271,15 @@ export default {
|
|||
.card-panel-icon-wrapper {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.icon-camellia{
|
||||
background: #c45a65;
|
||||
}
|
||||
.icon-camellia-sixty{
|
||||
background: #ea517f;
|
||||
}
|
||||
.icon-camellia-fourscore{
|
||||
background: #d2357d;
|
||||
}
|
||||
.icon-people {
|
||||
background: #40c9c6;
|
||||
}
|
||||
|
|
@ -223,7 +323,15 @@ export default {
|
|||
.icon-people {
|
||||
color: #40c9c6;
|
||||
}
|
||||
|
||||
.icon-camellia-sixty{
|
||||
color: #ea517f;
|
||||
}
|
||||
.icon-camellia-fourscore{
|
||||
color: #d2357d;
|
||||
}
|
||||
.icon-camellia{
|
||||
color: #c45a65;
|
||||
}
|
||||
.icon-message {
|
||||
color: #36a3f7;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -416,7 +416,8 @@ export default {
|
|||
times: [],
|
||||
status: null,
|
||||
admin: null,
|
||||
zhubo: null
|
||||
zhubo: null,
|
||||
os_status:[]
|
||||
},
|
||||
item: { next_follow: '', personnel: {}},
|
||||
follow: [],
|
||||
|
|
@ -442,22 +443,26 @@ export default {
|
|||
}
|
||||
},
|
||||
created() {
|
||||
this.listQuery.status = this.$route.query.status || null
|
||||
// this.listQuery.status = this.$route.query.status || null
|
||||
this.listQuery.zhubo = this.$route.query.zhubo || null
|
||||
if (this.$route.query.start && this.$route.query.end) {
|
||||
this.listQuery.times = [this.$route.query.start, this.$route.query.end]
|
||||
}
|
||||
|
||||
if (this.$route.query.hasOwnProperty('status')) {
|
||||
this.listQuery.status = this.$route.query.status
|
||||
} else {
|
||||
this.listQuery.status = ''
|
||||
}
|
||||
this.setQuery('status')
|
||||
this.setQuery('os_status')
|
||||
this.setQuery('times')
|
||||
this.getList()
|
||||
this.getShortcutContent()
|
||||
this.getAdminList()
|
||||
},
|
||||
methods: {
|
||||
setQuery(key){
|
||||
if (this.$route.query.hasOwnProperty(key)) {
|
||||
this.listQuery[key] = this.$route.query[key]
|
||||
} else {
|
||||
this.listQuery[key] = ''
|
||||
}
|
||||
},
|
||||
getList($is_excel) {
|
||||
this.listQuery.excel = null
|
||||
if ($is_excel == 1) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue