Commit 6494797e authored by youjie's avatar youjie

no message

parent 8c255ab0
...@@ -31,9 +31,18 @@ ...@@ -31,9 +31,18 @@
} }
.dataText { .dataText {
display: flex;
justify-content: space-between;
padding: 10px 0;
}
.dataText-left{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding: 10px 0; padding: 10px 0;
align-items: center;
}
.dataText-right{
flex-shrink: 0;
} }
.dataText_text { .dataText_text {
...@@ -48,6 +57,13 @@ ...@@ -48,6 +57,13 @@
/deep/.el-radio-group{ /deep/.el-radio-group{
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
.moreText{
display: block;
color: #409EFF;
font-size: 14px;
cursor: pointer;
margin-top: 20px;
}
</style> </style>
<template> <template>
<div class="customerManage"> <div class="customerManage">
...@@ -64,8 +80,22 @@ ...@@ -64,8 +80,22 @@
<div><span>已选择:{{list.length}}</span></div> <div><span>已选择:{{list.length}}</span></div>
</div> </div>
<div class="dataText"> <div class="dataText">
<el-tag v-for="(item,index) in list" :key="index" class="dataText_text">{{item.EmName}} <div class="dataText-left">
</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>
<div class="dataText-right" 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> </div>
<br /><br /> <br /><br />
<el-button class="add-box-btn add-box-cancel" @click="saveNow" :disabled="disabledOff">立即保存</el-button> <el-button class="add-box-btn add-box-cancel" @click="saveNow" :disabled="disabledOff">立即保存</el-button>
...@@ -84,8 +114,10 @@ ...@@ -84,8 +114,10 @@
}, },
data() { data() {
return { return {
moreShow:false,
disabledOff: false, disabledOff: false,
newObj: {}, newObj: {},
numList:[],
list: [], list: [],
addDistributionRulesShow: false, addDistributionRulesShow: false,
tableData: [], tableData: [],
...@@ -137,6 +169,15 @@ ...@@ -137,6 +169,15 @@
Content: res.data.data.Content Content: res.data.data.Content
}; };
this.list = res.data.data.EmpList 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 this.newObj = res.data.data
} }
}) })
......
...@@ -31,9 +31,18 @@ ...@@ -31,9 +31,18 @@
} }
.dataText { .dataText {
display: flex;
justify-content: space-between;
padding: 10px 0;
}
.dataText-left{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding: 10px 0; padding: 10px 0;
align-items: center;
}
.dataText-right{
flex-shrink: 0;
} }
.dataText_text { .dataText_text {
...@@ -71,17 +80,17 @@ ...@@ -71,17 +80,17 @@
<div><span>已选择:{{list.length}}</span></div> <div><span>已选择:{{list.length}}</span></div>
</div> </div>
<div class="dataText"> <div class="dataText">
<!-- <el-tag v-for="(item,index) in list" :key="index" class="dataText_text">{{item.EmName}} <div class="dataText-left">
</el-tag> --> <template v-if="moreShow">
<template v-if="moreShow"> <el-tag v-for="(item,index) in list" :key="index" class="dataText_text">{{item.EmName}}
<el-tag v-for="(item,index) in list" :key="index" class="dataText_text">{{item.EmName}} </el-tag>
</el-tag> </template>
</template> <template v-else>
<template v-else> <el-tag v-for="(item,index) in numList" :key="index" class="dataText_text">{{item.EmName}}
<el-tag v-for="(item,index) in numList" :key="index" class="dataText_text">{{item.EmName}} </el-tag>
</el-tag> </template>
</template> </div>
<div v-if="list.length>15"> <div class="dataText-right" v-if="list.length>15">
<i class="icon moreText" <i class="icon moreText"
:class="!moreShow?'el-icon-arrow-down':'el-icon-arrow-up'" :class="!moreShow?'el-icon-arrow-down':'el-icon-arrow-up'"
@click="moreShow=!moreShow"> @click="moreShow=!moreShow">
......
...@@ -31,12 +31,19 @@ ...@@ -31,12 +31,19 @@
} }
.dataText { .dataText {
display: flex;
justify-content: space-between;
padding: 10px 0;
}
.dataText-left{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding: 10px 0; padding: 10px 0;
align-items: center; align-items: center;
} }
.dataText-right{
flex-shrink: 0;
}
.dataText_text { .dataText_text {
margin-right: 10px; margin-right: 10px;
margin-bottom: 10px; margin-bottom: 10px;
...@@ -51,7 +58,7 @@ ...@@ -51,7 +58,7 @@
color: #409EFF; color: #409EFF;
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
margin-top: 10px; margin-top: 20px;
} }
</style> </style>
<template> <template>
...@@ -69,15 +76,17 @@ ...@@ -69,15 +76,17 @@
<div><span>已选择:{{msg.FlowList.length}}</span></div> <div><span>已选择:{{msg.FlowList.length}}</span></div>
</div> </div>
<div class="dataText"> <div class="dataText">
<template v-if="moreSalesShow"> <div class="dataText-left">
<el-tag v-for="(item,index) in msg.FlowList" :key="index" class="dataText_text">{{item.EmName}} <template v-if="moreSalesShow">
</el-tag> <el-tag v-for="(item,index) in msg.FlowList" :key="index" class="dataText_text">{{item.EmName}}
</template> </el-tag>
<template v-else> </template>
<el-tag v-for="(item,index) in FlowList" :key="index" class="dataText_text">{{item.EmName}} <template v-else>
</el-tag> <el-tag v-for="(item,index) in FlowList" :key="index" class="dataText_text">{{item.EmName}}
</template> </el-tag>
<div v-if="msg.FlowList.length>15"> </template>
</div>
<div class="dataText-right" v-if="msg.FlowList.length>15">
<i class="icon moreText" <i class="icon moreText"
:class="!moreSalesShow?'el-icon-arrow-down':'el-icon-arrow-up'" :class="!moreSalesShow?'el-icon-arrow-down':'el-icon-arrow-up'"
@click="moreSalesShow=!moreSalesShow"> @click="moreSalesShow=!moreSalesShow">
...@@ -96,15 +105,17 @@ ...@@ -96,15 +105,17 @@
<div><span>已选择:{{msg.SaleList.length}}人</span></div> <div><span>已选择:{{msg.SaleList.length}}人</span></div>
</div> </div>
<div class="dataText"> <div class="dataText">
<template v-if="moreDrainageShow"> <div class="dataText-left">
<el-tag v-for="(item,index) in msg.SaleList" :key="index" class="dataText_text">{{item.EmName}} <template v-if="moreDrainageShow">
</el-tag> <el-tag v-for="(item,index) in msg.SaleList" :key="index" class="dataText_text">{{item.EmName}}
</template> </el-tag>
<template v-else> </template>
<el-tag v-for="(item,index) in SaleList" :key="index" class="dataText_text">{{item.EmName}} <template v-else>
</el-tag> <el-tag v-for="(item,index) in SaleList" :key="index" class="dataText_text">{{item.EmName}}
</template> </el-tag>
<div v-if="msg.SaleList.length>15"> </template>
</div>
<div class="dataText-right" v-if="msg.SaleList.length>15">
<i class="icon moreText" <i class="icon moreText"
:class="!moreDrainageShow?'el-icon-arrow-down':'el-icon-arrow-up'" :class="!moreDrainageShow?'el-icon-arrow-down':'el-icon-arrow-up'"
@click="moreDrainageShow=!moreDrainageShow">{{!moreDrainageShow?'更多':'收起'}}</i> @click="moreDrainageShow=!moreDrainageShow">{{!moreDrainageShow?'更多':'收起'}}</i>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment