From a8e2d001047e759ce396547d4075128553e260a0 Mon Sep 17 00:00:00 2001
From: zx <604444282@qq.com>
Date: Tue, 30 Aug 2022 18:10:09 +0800
Subject: [PATCH] zx

---
 .../modelPopularity/index.vue                 |  8 ++-
 .../modelPopularity/v-ranking-mpth/index.vue  |  2 +-
 src/views/SpecialAnalizeChoose/index.vue      | 62 ++++++++++++++++---
 3 files changed, 58 insertions(+), 14 deletions(-)

diff --git a/src/views/SpecialAnalizeBoard/modelPopularity/index.vue b/src/views/SpecialAnalizeBoard/modelPopularity/index.vue
index 2b4d76a..9fccaaf 100644
--- a/src/views/SpecialAnalizeBoard/modelPopularity/index.vue
+++ b/src/views/SpecialAnalizeBoard/modelPopularity/index.vue
@@ -10,8 +10,9 @@
 <template>
   <div class="mp-outter" v-loading="load">
     <v-label-div title="重点媒体" :showLine="false" :eStyle="{'border-style': 'none'}"></v-label-div>
-    <div class="mp-inner">
+    
       <vue-scroll>
+    <div class="mp-inner">
       <v-ranking-mpth
         v-for="(item, index) in labelArr"
         :key="index"
@@ -19,8 +20,9 @@
         :label="item.key"
         :val="item.value"
       ></v-ranking-mpth>
-      </vue-scroll>
+      
     </div>
+    </vue-scroll>
   </div>
 </template>
 
@@ -67,7 +69,7 @@ export default {
 <style lang="less" scoped>
 .mp-outter {
   width: 460px;
-  height: 460px;
+  height: 400px;
   // border: 2px solid #0f2a4d;
   .mp-inner {
     padding: 0px 16px 0px 16px;
diff --git a/src/views/SpecialAnalizeBoard/modelPopularity/v-ranking-mpth/index.vue b/src/views/SpecialAnalizeBoard/modelPopularity/v-ranking-mpth/index.vue
index fb825e2..7fe297a 100644
--- a/src/views/SpecialAnalizeBoard/modelPopularity/v-ranking-mpth/index.vue
+++ b/src/views/SpecialAnalizeBoard/modelPopularity/v-ranking-mpth/index.vue
@@ -94,7 +94,7 @@ export default {
     width: 100%;
     height: 1px;
     background:#0a1d3b;
-    margin-top: 16px;
+    margin-top: 12px;
     margin-bottom: 16px;
   }
   .v-r-inner {
diff --git a/src/views/SpecialAnalizeChoose/index.vue b/src/views/SpecialAnalizeChoose/index.vue
index 3b1917c..799f98c 100644
--- a/src/views/SpecialAnalizeChoose/index.vue
+++ b/src/views/SpecialAnalizeChoose/index.vue
@@ -28,20 +28,40 @@
                 <v-label-div :title="form.Classify == 1 ? '品牌列表':'车型列表'">
                     <v-btn @click="reset">重选分析</v-btn>
                 </v-label-div>
-                <div class="brandChooseContent" v-if="form.Classify == 1">
-                    <div class="brand-item" v-for="(item, index) in chosenBrandList" :key="index">
-                        <span style="margin-left: 40px">{{item}}</span><a-icon @click="delBrand(index)" class="close-icon" type="close" />
+                <div v-if="form.Classify == 1">
+                    <div v-if="chosenBrandList.length <= 60" class="brandChooseContent">
+                        <div class="brand-item" v-for="(item, index) in chosenBrandList" :key="index">
+                            <span style="margin-left: 40px">{{item}}</span><a-icon @click="delBrand(index)" class="close-icon" type="close" />
+                        </div>
+                        <div class="brand-item" style="text-align: center;">
+                            <a-icon @click="handlerAdd" style="cursor: pointer;font-size: 36px;margin-top: 20px" type="plus" />
+                        </div>
                     </div>
-                    <div class="brand-item" style="text-align: center;">
-                        <a-icon @click="handlerAdd" style="cursor: pointer;font-size: 36px;margin-top: 20px" type="plus" />
+                    <div v-else class="brandChooseContent">
+                        <div class="brand-item-small" v-for="(item, index) in chosenBrandList" :key="index">
+                            <span style="margin-left: 36px">{{item.length > 8 ? item.slice(0,8)+'...':item}}</span><a-icon @click="delBrand(index)" class="close-icon" type="close" />
+                        </div>
+                        <div class="brand-item-small" style="text-align: center;">
+                            <a-icon @click="handlerAdd" style="cursor: pointer;font-size: 36px;margin-top: 20px" type="plus" />
+                        </div>
                     </div>
                 </div>
-                <div class="brandChooseContent" v-if="form.Classify == 2">
-                    <div class="brand-item" v-for="(item, index) in chosenSeriesList" :key="index">
-                        <span style="margin-left: 40px">{{item}}</span><a-icon @click="delBrand(index)" class="close-icon" type="close" />
+                <div v-if="form.Classify == 2">
+                    <div v-if="chosenSeriesList.length <= 60" class="brandChooseContent">
+                        <div class="brand-item" v-for="(item, index) in chosenSeriesList" :key="index">
+                            <span style="margin-left: 40px">{{item}}</span><a-icon @click="delBrand(index)" class="close-icon" type="close" />
+                        </div>
+                        <div class="brand-item" style="text-align: center;">
+                            <a-icon @click="handlerAdd" style="cursor: pointer;font-size: 36px;margin-top: 20px" type="plus" />
+                        </div>
                     </div>
-                    <div class="brand-item" style="text-align: center;">
-                        <a-icon @click="handlerAdd" style="cursor: pointer;font-size: 36px;margin-top: 20px" type="plus" />
+                    <div v-else class="brandChooseContent">
+                        <div class="brand-item-small" v-for="(item, index) in chosenSeriesList" :key="index">
+                            <span style="margin-left: 36px">{{item.length > 8 ? item.slice(0,8)+'...':item}}</span><a-icon @click="delBrand(index)" class="close-icon" type="close" />
+                        </div>
+                        <div class="brand-item-small" style="text-align: center;">
+                            <a-icon @click="handlerAdd" style="cursor: pointer;font-size: 36px;margin-top: 20px" type="plus" />
+                        </div>
                     </div>
                 </div>
             </div>
@@ -244,6 +264,28 @@ export default {
                 color: #3373CC;
                 cursor: pointer;
             }
+        };
+        .brand-item-small {
+            width: 168px;
+            height: 80px;
+            background: #1B4163;
+            border-radius: 4px;
+            font-size: 14px;
+            font-family: PingFangSC-Semibold, PingFang SC;
+            font-weight: 600;
+            color: #FFFFFF;
+            line-height: 80px;
+            margin-right: 16px;
+            margin-top: 24px;
+            text-align: center;
+            .close-icon {
+                position: relative;
+                margin-top: 30px;
+                margin-right: 24px;
+                float: right;
+                color: #3373CC;
+                cursor: pointer;
+            }
         }
     }
 }