senyao
/
travel
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: senyao:f7eaf5a7168424dc60a7139a7c37003c35892f23
Branches Tags
senyao:main
...
compare: senyao:1aa4e11e50f9c333947d6ff7a48be826301f2969
Branches Tags
senyao:main

2 Commits
f7eaf5a716 ... 1aa4e11e50

Author SHA1 Message Date
faiz 1aa4e11e50 1 2024-06-27 17:35:30 +08:00
faiz e6b75d0a83 1 2024-06-27 17:35:20 +08:00
2 changed files with 128 additions and 15 deletions
Show Stats Expand all files Collapse all files

122
admin/src/views/dashboard/admin/components/PanelGroup.vue
View File

@ -53,7 +53,7 @@
</div> </div>
</el-col> </el-col>
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-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"> <div class="card-panel-icon-wrapper icon-skill">
<svg-icon icon-class="skill" class-name="card-panel-icon" /> <svg-icon icon-class="skill" class-name="card-panel-icon" />
</div> </div>
@ -66,7 +66,7 @@
</div> </div>
</el-col> </el-col>
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-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"> <div class="card-panel-icon-wrapper icon-money2">
<svg-icon icon-class="money" class-name="card-panel-icon" /> <svg-icon icon-class="money" class-name="card-panel-icon" />
</div> </div>
@ -79,7 +79,7 @@
</div> </div>
</el-col> </el-col>
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-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"> <div class="card-panel-icon-wrapper icon-documentation">
<svg-icon icon-class="documentation" class-name="card-panel-icon" /> <svg-icon icon-class="documentation" class-name="card-panel-icon" />
</div> </div>
@ -92,7 +92,7 @@
</div> </div>
</el-col> </el-col>
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-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"> <div class="card-panel-icon-wrapper icon-money">
<svg-icon icon-class="money" class-name="card-panel-icon" /> <svg-icon icon-class="money" class-name="card-panel-icon" />
</div> </div>
@ -104,6 +104,84 @@
</div> </div>
</div> </div>
</el-col> </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> </el-row>
</template> </template>
@ -123,7 +201,13 @@ export default {
asset:0, asset:0,
asset_price:0, asset_price:0,
refund: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() { mounted() {
@ -143,6 +227,14 @@ export default {
}) })
}, },
methods: { 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) { handleSetLineChartData(type) {
this.$emit('handleSetLineChartData', type) this.$emit('handleSetLineChartData', type)
}, },
@ -179,7 +271,15 @@ export default {
.card-panel-icon-wrapper { .card-panel-icon-wrapper {
color: #fff; color: #fff;
} }
.icon-camellia{
background: #c45a65;
}
.icon-camellia-sixty{
background: #ea517f;
}
.icon-camellia-fourscore{
background: #d2357d;
}
.icon-people { .icon-people {
background: #40c9c6; background: #40c9c6;
} }
@ -223,7 +323,15 @@ export default {
.icon-people { .icon-people {
color: #40c9c6; color: #40c9c6;
} }
.icon-camellia-sixty{
color: #ea517f;
}
.icon-camellia-fourscore{
color: #d2357d;
}
.icon-camellia{
color: #c45a65;
}
.icon-message { .icon-message {
color: #36a3f7; color: #36a3f7;
} }

21
admin/src/views/order/index.vue
View File

@ -416,7 +416,8 @@ export default {
times: [], times: [],
status: null, status: null,
admin: null, admin: null,
zhubo: null zhubo: null,
os_status:[]
}, },
item: { next_follow: '', personnel: {}}, item: { next_follow: '', personnel: {}},
follow: [], follow: [],
@ -442,22 +443,26 @@ export default {
} }
}, },
created() { 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 this.listQuery.zhubo = this.$route.query.zhubo || null
if (this.$route.query.start && this.$route.query.end) { if (this.$route.query.start && this.$route.query.end) {
this.listQuery.times = [this.$route.query.start, this.$route.query.end] this.listQuery.times = [this.$route.query.start, this.$route.query.end]
} }
this.setQuery('status')
if (this.$route.query.hasOwnProperty('status')) { this.setQuery('os_status')
this.listQuery.status = this.$route.query.status this.setQuery('times')
} else {
this.listQuery.status = ''
}
this.getList() this.getList()
this.getShortcutContent() this.getShortcutContent()
this.getAdminList() this.getAdminList()
}, },
methods: { methods: {
setQuery(key){
if (this.$route.query.hasOwnProperty(key)) {
this.listQuery[key] = this.$route.query[key]
} else {
this.listQuery[key] = ''
}
},
getList($is_excel) { getList($is_excel) {
this.listQuery.excel = null this.listQuery.excel = null
if ($is_excel == 1) { if ($is_excel == 1) {