|
|
@@ -1,6 +1,7 @@
|
|
|
<template>
|
|
|
- <div class="ABtarage">
|
|
|
+ <div class="ABtarage HomeTarget">
|
|
|
<p class="updataTime">更新时间:{{ updataTime }}</p>
|
|
|
+ <!-- labelStyle 垃圾,不能全匹配,需要特殊处理 -->
|
|
|
<template>
|
|
|
<div class="container linep">
|
|
|
<van-collapse v-model="activeNames">
|
|
|
@@ -14,13 +15,12 @@
|
|
|
<div
|
|
|
v-for="(periodItem, periodIndex) in homePageItem.children"
|
|
|
:key="'title-' + periodIndex">
|
|
|
- <van-col span="12">
|
|
|
+ <van-col span="12" v-if="periodItem.name">
|
|
|
<span :class="periodIndex % 2 === 0 ? 'leftTitle' : 'rightTitle'">{{
|
|
|
periodItem.name
|
|
|
}}</span>
|
|
|
</van-col>
|
|
|
</div>
|
|
|
-
|
|
|
<!-- 动态渲染指标项 -->
|
|
|
<div v-if="homePageItem.children.length >= 2">
|
|
|
<!-- 遍历第一个周期的所有指标 -->
|
|
|
@@ -60,7 +60,7 @@
|
|
|
v-for="(category, index) in homePageItem.children"
|
|
|
:key="index"
|
|
|
:style="{ marginTop: index > 0 ? '10px' : '0' }">
|
|
|
- <van-col span="24">
|
|
|
+ <van-col span="24" v-if="category.name">
|
|
|
<span :class="index % 2 === 0 ? 'leftTitle' : 'rightTitle'">{{
|
|
|
category.name
|
|
|
}}</span>
|
|
|
@@ -105,6 +105,57 @@
|
|
|
</div>
|
|
|
</van-row>
|
|
|
</van-collapse-item>
|
|
|
+ <van-collapse-item
|
|
|
+ v-if="homePageItem.labelStyle == 4"
|
|
|
+ :name="(index + 1).toString()"
|
|
|
+ :title="homePageItem.name">
|
|
|
+ <!-- 外层循环:遍历主要类别 -->
|
|
|
+ <template v-for="(category, index) in homePageItem.children">
|
|
|
+ <van-row :style="{ width: category.name ? '45%' : '1005' }" v-if="category.name">
|
|
|
+ <van-col span="24" :class="index % 2 === 0 ? 'leftTitle' : 'rightTitle'">
|
|
|
+ <span>{{ category.name }}</span>
|
|
|
+ </van-col>
|
|
|
+
|
|
|
+ <!-- 内层循环:遍历各个统计项 -->
|
|
|
+ <div v-for="(item, idx) in category.children" :key="idx">
|
|
|
+ <van-col :span="24">
|
|
|
+ <p>
|
|
|
+ {{ item.name }}:<span
|
|
|
+ :style="labelStyle(item.clickable)"
|
|
|
+ @click="onClick(item.clickable)"
|
|
|
+ class="colorbalck"
|
|
|
+ >{{ item.indicatorDisplayValue }}</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </van-col>
|
|
|
+ </div>
|
|
|
+ </van-row>
|
|
|
+ </template>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item
|
|
|
+ v-if="homePageItem.labelStyle == 5"
|
|
|
+ :name="(index + 1).toString()"
|
|
|
+ :title="homePageItem.name">
|
|
|
+ <!-- 外层循环:遍历主要类别 -->
|
|
|
+ <van-row
|
|
|
+ v-for="(category, index) in homePageItem.children"
|
|
|
+ :key="index"
|
|
|
+ :style="{ marginTop: index == 0 ? '-10px' : '0' }">
|
|
|
+ <!-- 内层循环:遍历各个统计项 -->
|
|
|
+ <div v-for="(item, idx) in category.children" :key="idx">
|
|
|
+ <van-col :span="24">
|
|
|
+ <p>
|
|
|
+ {{ item.name }}:<span
|
|
|
+ :style="labelStyle(item.clickable)"
|
|
|
+ @click="onClick(item.clickable)"
|
|
|
+ class="colorbalck"
|
|
|
+ >{{ item.indicatorDisplayValue }}</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </van-col>
|
|
|
+ </div>
|
|
|
+ </van-row>
|
|
|
+ </van-collapse-item>
|
|
|
</div>
|
|
|
</van-collapse>
|
|
|
</div>
|
|
|
@@ -425,8 +476,8 @@ export default {
|
|
|
padding: 14px 0px;
|
|
|
}
|
|
|
|
|
|
-.storeTypeHome .van-collapse-item__content {
|
|
|
- padding: 0;
|
|
|
+.HomeTarget .van-collapse-item__content {
|
|
|
+ padding: 0px 15px 15px 15px;
|
|
|
}
|
|
|
|
|
|
.storeTypeHome .storeTypeHomeList .van-cell__title {
|