no message

src/components/customerManage/distributionRules.vue

@@ -48,6 +48,13 @@
     /deep/.el-radio-group{
         margin-bottom: 0 !important;
     }
+    .moreText{
+        display: block;
+        color: #409EFF;
+        font-size: 14px;
+        cursor: pointer;
+        margin-top: 10px;
+    }
 </style>
 <template>
     <div class="customerManage">
@@ -64,8 +71,22 @@
                 <div><span>已选择：{{list.length}}人</span></div>
             </div>
             <div class="dataText">
-                <el-tag v-for="(item,index) in list" :key="index" class="dataText_text">{{item.EmName}}
-                </el-tag>
+                <!-- <el-tag v-for="(item,index) in list" :key="index" class="dataText_text">{{item.EmName}}
+                </el-tag> -->
+                <template v-if="moreShow">
+                    <el-tag v-for="(item,index) in list" :key="index" class="dataText_text">{{item.EmName}}
+                    </el-tag>
+                </template>
+                <template v-else>
+                    <el-tag v-for="(item,index) in numList" :key="index" class="dataText_text">{{item.EmName}}
+                    </el-tag>
+                </template>
+                <div v-if="list.length>15">
+                   <i class="icon moreText"
+                :class="!moreShow?'el-icon-arrow-down':'el-icon-arrow-up'" 
+                @click="moreShow=!moreShow">
+                {{!moreSalesShow?'更多':'收起'}}</i> 
+                </div>
             </div>
             <h1 class="distributionRules_title">设置分配规则</h1>
             <div class="select-radio">
@@ -91,6 +112,8 @@
         },
         data() {
             return {
+                numList:[],
+                moreShow:false,
                 disabledOff: false,
                 newObj: {},
                 radioList: [{
@@ -156,6 +179,16 @@
                             Content: res.data.data.Content
                         };
                         this.list = res.data.data.EmpList
+                        if(res.data.data.EmpList.length>15){
+                           res.data.data.EmpList.forEach((item,x)=>{
+                                if(x<15){
+                                    this.numList.push(item)
+                                }
+                            }) 
+                        }else{
+                            this.moreShow = true
+                        }
+                        
                         this.newObj = res.data.data
                     }
                 })

src/components/customerManage/rankConfig.vue

@@ -77,7 +77,7 @@
                     <el-tag v-for="(item,index) in FlowList" :key="index" class="dataText_text">{{item.EmName}}
                     </el-tag>
                 </template>
-                <div>
+                <div v-if="msg.FlowList.length>15">
                    <i class="icon moreText"
                 :class="!moreSalesShow?'el-icon-arrow-down':'el-icon-arrow-up'" 
                 @click="moreSalesShow=!moreSalesShow">
@@ -96,8 +96,6 @@
                 <div><span>已选择：{{msg.SaleList.length}}人</span></div>
             </div>
             <div class="dataText">
-                <!-- <el-tag v-for="(item,index) in msg.SaleList" :key="index" class="dataText_text">{{item.EmName}}
-                </el-tag> -->
                 <template v-if="moreDrainageShow">
                     <el-tag v-for="(item,index) in msg.SaleList" :key="index" class="dataText_text">{{item.EmName}}
                     </el-tag>
@@ -106,7 +104,7 @@
                     <el-tag v-for="(item,index) in SaleList" :key="index" class="dataText_text">{{item.EmName}}
                     </el-tag>
                 </template>
-                <div>
+                <div v-if="msg.SaleList.length>15">
                    <i class="icon moreText"
                 :class="!moreDrainageShow?'el-icon-arrow-down':'el-icon-arrow-up'" 
                 @click="moreDrainageShow=!moreDrainageShow">{{!moreDrainageShow?'更多':'收起'}}</i> 
@@ -203,17 +201,25 @@
                         this.msg.Content = tempData.Content;
                         this.msg.Mask = tempData.Mask;
                         this.msg.FlowList = tempData.FlowList;
-                        tempData.FlowList.forEach((item,x)=>{
-                            if(x<15){
-                                this.FlowList.push(item)
-                            }
-                        })
+                        if(tempData.FlowList.length>15){
+                            tempData.FlowList.forEach((item,x)=>{
+                                if(x<15){
+                                    this.FlowList.push(item)
+                                }
+                            })
+                        }else{
+                            this.moreSalesShow = true
+                        }
                         this.msg.SaleList = tempData.SaleList;
-                        tempData.FlowList.forEach((item,x)=>{
-                            if(x<15){
-                                this.SaleList.push(item)
-                            }
-                        })
+                        if(tempData.SaleList.length>15){
+                            tempData.SaleList.forEach((item,x)=>{
+                                if(x<15){
+                                    this.SaleList.push(item)
+                                }
+                            })
+                        }else{
+                            this.moreDrainageShow = true
+                        }
                     }
                 })
             },