Skip to content

S
shareConfig
Commit e50a986f by 曾经
Options

暂无已结束活动 空页面

parent 3cbf491b
Showing with 40 additions and 2 deletions
index.html
...@@ -12,6 +12,8 @@ ...@@ -12,6 +12,8 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="shortcut icon" href="./favicon.ico" /> <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>
<!-- <title>分享有礼</title> --> <!-- <title>分享有礼</title> -->
</head> </head>
......
src/components/active/finished-active.vue
...@@ -13,9 +13,9 @@ import finishedActive from '@/components/active/finished-active.vue'; ...@@ -13,9 +13,9 @@ import finishedActive from '@/components/active/finished-active.vue';
--> -->
<template> <template>
<div v-if="finishedData.length"> <div>
<div class="separator-space">- 以下为已结束活动 -</div> <div class="separator-space">- 以下为已结束活动 -</div>
<div class="finished-active border-box"> <div class="finished-active border-box" v-if="finishedData.length">
<ul> <ul>
<template v-for="(item, index) in finishedData"> <template v-for="(item, index) in finishedData">
<li :class="['border-box', selectItem == item.activityId && index != 0 ? 'li-border' : '']" :key="index + 'data'"> <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'; ...@@ -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> <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> </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> </div>
</template> </template>
<script> <script>
...@@ -58,6 +67,7 @@ export default { ...@@ -58,6 +67,7 @@ export default {
}, },
data() { data() {
return { return {
haveLoad: false,
funnelData: [], funnelData: [],
barChartData: { barChartData: {
columns: ['日期', '访问用户', '下单用户'], columns: ['日期', '访问用户', '下单用户'],
...@@ -173,11 +183,13 @@ export default { ...@@ -173,11 +183,13 @@ export default {
} */ } */
that.finishedData = resData.result.result || []; that.finishedData = resData.result.result || [];
that.total = resData.result.totalCount; that.total = resData.result.totalCount;
that.haveLoad = true;
return false; return false;
} }
errMsg.errorMsg(resData); errMsg.errorMsg(resData);
}) })
.catch(function(error) { .catch(function(error) {
that.haveLoad = true;
that.$message.error({ that.$message.error({
duration: 2500, duration: 2500,
message: error.message message: error.message
...@@ -231,4 +243,28 @@ export default { ...@@ -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> </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