Browse Source

feature_20260402_指标修改

zhujindu 1 week ago
parent
commit
cf236bfe38
2 changed files with 63 additions and 9 deletions
  1. 57 6
      src/views/home/HomeTarget.vue
  2. 6 3
      src/views/home/index.vue

+ 57 - 6
src/views/home/HomeTarget.vue

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

+ 6 - 3
src/views/home/index.vue

@@ -109,13 +109,16 @@ export default {
         this.onlyShowHomeTarget = true;
         this.onlyShowHomeTarget = true;
       } else {
       } else {
         // <!-- 0-历史指标  1-动态指标,String类型 -->
         // <!-- 0-历史指标  1-动态指标,String类型 -->
-        if (postType == 'GZ') {
+        if (postType == 'GZ' || postType == 'BMD') {
           if (this.reportInfo.targetType == '0') {
           if (this.reportInfo.targetType == '0') {
-            localStorage.setItem('isGZorJZ', 'true');
-            this.isGZorJZ = 'true';
+            this.onlyShowHomeTarget = false;
           } else if (this.reportInfo.targetType == '1') {
           } else if (this.reportInfo.targetType == '1') {
             this.onlyShowHomeTarget = true;
             this.onlyShowHomeTarget = true;
           }
           }
+          if (postType == 'GZ') {
+            localStorage.setItem('isGZorJZ', 'true');
+            this.isGZorJZ = 'true';
+          }
         } else {
         } else {
           this.onlyShowHomeTarget = false;
           this.onlyShowHomeTarget = false;
           // postType:人员类型,JZ(家装)、GZ(公装)、YF(应服)、DIY(DIY)
           // postType:人员类型,JZ(家装)、GZ(公装)、YF(应服)、DIY(DIY)