Skip to content

S
shareConfig
Commit e50a986f by 曾经
Options

暂无已结束活动 空页面

parent 3cbf491b
Showing with 40 additions and 2 deletions
index.html
......@@ -12,6 +12,8 @@
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="./favicon.ico" />
<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/c/font_3380872_vkgiwdkji6p.css" />
<script src="//at.alicdn.com/t/c/font_3380872_vkgiwdkji6p.js"></script>
<title></title>
<!-- <title>分享有礼</title> -->
</head>
......
src/components/active/finished-active.vue
......@@ -13,9 +13,9 @@ import finishedActive from '@/components/active/finished-active.vue';
-->
<template>
<div v-if="finishedData.length">
<div>
<div class="separator-space">- 以下为已结束活动 -</div>
<div class="finished-active border-box">
<div class="finished-active border-box" v-if="finishedData.length">
<ul>
<template v-for="(item, index) in finishedData">
<li :class="['border-box', selectItem == item.activityId && index != 0 ? 'li-border' : '']" :key="index + 'data'">
......@@ -44,6 +44,15 @@ import finishedActive from '@/components/active/finished-active.vue';
<dm-pagination small :page-size="pageSize" :current-page="currentPage" layout="prev, pager, next" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange"> </dm-pagination>
</div>
</div>
<div class="empty-page" v-else-if="haveLoad">
<div class="empty-box">
<!-- <div class="icon iconfont icon-no-data"></div> -->
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-no-data"></use>
</svg>
<div class="empty-text">暂无已结束活动</div>
</div>
</div>
</div>
</template>
<script>
......@@ -58,6 +67,7 @@ export default {
},
data() {
return {
haveLoad: false,
funnelData: [],
barChartData: {
columns: ['日期', '访问用户', '下单用户'],
......@@ -173,11 +183,13 @@ export default {
} */
that.finishedData = resData.result.result || [];
that.total = resData.result.totalCount;
that.haveLoad = true;
return false;
}
errMsg.errorMsg(resData);
})
.catch(function(error) {
that.haveLoad = true;
that.$message.error({
duration: 2500,
message: error.message
......@@ -231,4 +243,28 @@ export default {
}
}
}
.empty-page{
position: relative;
height: 300px;
background: white;
.empty-box {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
.icon {
width: 96px;
height: 96px;
margin: 0 auto;
}
.empty-text{
margin-top: 12px;
color: #606266;
font-size: 14px;
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment