|
@@ -20,24 +20,24 @@
|
20
|
20
|
<div class="propoverItem">
|
21
|
21
|
<!-- <self-input :hasLabel="false" width="270px" style="margin-top:0"></self-input> -->
|
22
|
22
|
<div class="allMember">全部成员({{userTotal}}):</div>
|
23
|
|
- <div class="memberBoxBig">
|
|
23
|
+ <div class="memberBoxBig self-scrollbar-3">
|
24
|
24
|
<template v-for="(item,index) in userList">
|
25
|
|
- <div class="memberBox self-scrollbar-3" :key="index + 'userList' + item.department_id">
|
|
25
|
+ <div class="memberBox" :key="index + 'userList' + item.department_id">
|
26
|
26
|
<i :class="['el-icon-caret-bottom',item.is_open?'reversalAnimation':'']" @click="openEvent(index)"></i>
|
27
|
27
|
<div class="meberList">
|
28
|
28
|
<div class="department" @click="selectUserEvent('all',index)">
|
29
|
|
- <div class="flex">
|
30
|
|
- <i class="el-icon-s-cooperation"></i>
|
|
29
|
+ <div class="flex" style="align-items: flex-start;">
|
|
30
|
+ <i class="el-icon-s-cooperation" style="margin-top:3px"></i>
|
31
|
31
|
<span>{{item.department_name?item.department_name:'部门'+(index+1)}}</span>
|
32
|
32
|
</div>
|
33
|
33
|
<div :class="['checkbox',item.is_select?'checkbox_active':'']"><i class="el-icon-check"></i></div>
|
34
|
34
|
</div>
|
35
|
35
|
<div class="memberItem" :style="item.is_open?'display:none':''" v-for="(item1,user_index) in item.user_list" :key="item1.user_id" @click="selectUserEvent('user',index,user_index)">
|
36
|
|
- <div class="flex">
|
|
36
|
+ <div class="flex" style="flex:1">
|
37
|
37
|
<img class="memberImg" :src="item1.avatar" alt="">
|
38
|
38
|
<div class="memberInfo">
|
39
|
39
|
<div class="name">{{item1.name}}</div>
|
40
|
|
- <div class="other">部门:{{item1.department}}</div>
|
|
40
|
+ <div class="other">部门:{{item1.department_list&&item1.department_list.join(',')}}</div>
|
41
|
41
|
</div>
|
42
|
42
|
</div>
|
43
|
43
|
<div :class="['checkbox',item1.is_select?'checkbox_active':'']"><i class="el-icon-check"></i></div>
|
|
@@ -56,14 +56,14 @@
|
56
|
56
|
</div>
|
57
|
57
|
<div class="member_result self-scrollbar-3">
|
58
|
58
|
<div class="memberItem" v-for="(item,index) in selectUser" :key="index">
|
59
|
|
- <div class="flex">
|
|
59
|
+ <div class="flex" style="flex:1">
|
60
|
60
|
<img class="memberImg" :src="item.avatar" alt="">
|
61
|
61
|
<div class="memberInfo">
|
62
|
62
|
<div class="name">{{item.name}}</div>
|
63
|
|
- <div class="other">部门:{{item.department}}</div>
|
|
63
|
+ <div class="other">部门:{{item.department_list&&item.department_list.join(',')}}</div>
|
64
|
64
|
</div>
|
65
|
65
|
</div>
|
66
|
|
- <i class="el-icon-close" @click="closeUser(index)"></i>
|
|
66
|
+ <i class="el-icon-close" style="margin-left:10px" @click="closeUser(index)"></i>
|
67
|
67
|
</div>
|
68
|
68
|
</div>
|
69
|
69
|
<div class="buttons">
|
|
@@ -316,7 +316,7 @@ export default {
|
316
|
316
|
.member_result {
|
317
|
317
|
height: 380px;
|
318
|
318
|
overflow-y: auto;
|
319
|
|
- padding-right: 25px;
|
|
319
|
+ padding-right: 15px;
|
320
|
320
|
}
|
321
|
321
|
}
|
322
|
322
|
.line {
|
|
@@ -346,7 +346,7 @@ export default {
|
346
|
346
|
}
|
347
|
347
|
.meberList {
|
348
|
348
|
flex: 1;
|
349
|
|
- margin-right: 29px;
|
|
349
|
+ margin-right: 15px;
|
350
|
350
|
.department {
|
351
|
351
|
i {
|
352
|
352
|
color: #46a7ff;
|
|
@@ -369,6 +369,7 @@ export default {
|
369
|
369
|
align-items: center;
|
370
|
370
|
justify-content: center;
|
371
|
371
|
font-size: 12px;
|
|
372
|
+ margin-left: 10px;
|
372
|
373
|
i {
|
373
|
374
|
color: transparent;
|
374
|
375
|
}
|
|
@@ -405,7 +406,7 @@ export default {
|
405
|
406
|
}
|
406
|
407
|
.other {
|
407
|
408
|
color: #898d92;
|
408
|
|
- font-size: 13px;
|
|
409
|
+ font-size: 12px;
|
409
|
410
|
line-height: 18px;
|
410
|
411
|
}
|
411
|
412
|
}
|