|
@@ -65,7 +65,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="dwell-list">
|
|
<div class="dwell-list">
|
|
|
- <div class="dwell-item" v-for="(row, i) in this[sec.key]" :key="i">
|
|
|
|
|
|
|
+ <div class="dwell-item" v-for="(row, i) in sectionList(sec.key)" :key="i">
|
|
|
<span class="dwell-rank" :class="'rank-' + (i + 1)">{{ i + 1 }}</span>
|
|
<span class="dwell-rank" :class="'rank-' + (i + 1)">{{ i + 1 }}</span>
|
|
|
<div class="dwell-main">
|
|
<div class="dwell-main">
|
|
|
<div class="dwell-name" :title="row.name">{{ row.name }}</div>
|
|
<div class="dwell-name" :title="row.name">{{ row.name }}</div>
|
|
@@ -78,7 +78,7 @@
|
|
|
<span class="dwell-val__meta">{{ row.meta }}</span>
|
|
<span class="dwell-val__meta">{{ row.meta }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div v-if="!((this[sec.key] || []).length)" class="dwell-empty">
|
|
|
|
|
|
|
+ <div v-if="!sectionList(sec.key).length" class="dwell-empty">
|
|
|
<i class="el-icon-data-analysis"></i>
|
|
<i class="el-icon-data-analysis"></i>
|
|
|
<span>{{ sec.emptyHint }}</span>
|
|
<span>{{ sec.emptyHint }}</span>
|
|
|
</div>
|
|
</div>
|
|
@@ -132,7 +132,7 @@
|
|
|
<span class="hot-card__sub">{{ sec.sub }}</span>
|
|
<span class="hot-card__sub">{{ sec.sub }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="hot-list">
|
|
<div class="hot-list">
|
|
|
- <div class="hot-item" v-for="(row, i) in this[sec.key]" :key="i">
|
|
|
|
|
|
|
+ <div class="hot-item" v-for="(row, i) in sectionList(sec.key)" :key="i">
|
|
|
<span class="hot-rank" :class="'rank-' + (i + 1)">{{ i + 1 }}</span>
|
|
<span class="hot-rank" :class="'rank-' + (i + 1)">{{ i + 1 }}</span>
|
|
|
<div class="hot-main">
|
|
<div class="hot-main">
|
|
|
<div class="hot-name" :title="row.name">{{ row.name }}</div>
|
|
<div class="hot-name" :title="row.name">{{ row.name }}</div>
|
|
@@ -142,7 +142,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="hot-val adm-num">{{ row.value }}<span class="hot-val__unit">{{ row.unit }}</span></div>
|
|
<div class="hot-val adm-num">{{ row.value }}<span class="hot-val__unit">{{ row.unit }}</span></div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div v-if="!((this[sec.key] || []).length)" class="hot-empty">暂无数据</div>
|
|
|
|
|
|
|
+ <div v-if="!sectionList(sec.key).length" class="hot-empty">暂无数据</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</el-col>
|
|
</el-col>
|
|
@@ -410,6 +410,11 @@ export default {
|
|
|
return v || ''
|
|
return v || ''
|
|
|
},
|
|
},
|
|
|
// 停留时长 / 热度 相对最大值,用于条形宽度
|
|
// 停留时长 / 热度 相对最大值,用于条形宽度
|
|
|
|
|
+ sectionList(key) {
|
|
|
|
|
+ // v-for 回调内 this 不是组件(Vue2 普通函数 this=undefined),
|
|
|
|
|
+ // 故模板用 sectionList(sec.key) 而非 this[sec.key](会抛 undefined['articleDwell'])
|
|
|
|
|
+ return this[key] || []
|
|
|
|
|
+ },
|
|
|
sectionMax(key) {
|
|
sectionMax(key) {
|
|
|
const list = this[key] || []
|
|
const list = this[key] || []
|
|
|
if (!list.length) return 0
|
|
if (!list.length) return 0
|