|
@@ -3,18 +3,17 @@
|
|
|
<div v-for="item in list" :key="item.index" class="normal-panel">
|
|
|
<div class="flex-align-center" style="border-bottom:1px solid #f1f2f3;padding:0 10px">
|
|
|
<p style="flex:1;padding:10px 0;color:#999">负责人</p>
|
|
|
- <!-- <accountDialog style="margin-left:10px" :ownertable="ownertable" @onSuccess="queryGroup"></accountDialog> -->
|
|
|
<el-popover
|
|
|
placement="right"
|
|
|
trigger="manual"
|
|
|
v-model="visible1"
|
|
|
width="300">
|
|
|
- <member ref="member" :param="param" :radio="true" @onSelect="setLeader"></member>
|
|
|
- <el-button type="text" size="small" slot="reference" @click="showMenberSelect(item)">变更</el-button>
|
|
|
+ <member ref="member" :param="param" :radio="true" @onSelect="setLeader" @onCancel="visible1 = false"></member>
|
|
|
+ <el-button v-show="item.teamleader[0] && nowUserid === item.teamleader[0].userid" type="text" size="small" slot="reference" @click="showMenberSelect(item)">变更</el-button>
|
|
|
</el-popover>
|
|
|
</div>
|
|
|
<div style="padding:10px">
|
|
|
- <div class="flex-align-center" v-if="men.isleader === 1" v-for="men in item.teamleader" :key="men.index">
|
|
|
+ <div class="flex-align-center" v-for="men in item.teamleader" :key="men.index">
|
|
|
<div class="avatar inline-16" :class="men.isleader === 1?'leader':''" >
|
|
|
<img class="avatar__image" v-if="men.headpic" :src="men.headpic" alt="">
|
|
|
<p v-else>{{men.name.substr(0, 1)}}</p>
|
|
@@ -25,7 +24,7 @@
|
|
|
</div>
|
|
|
<!-- <p>{{men.name}}</p> -->
|
|
|
<div>
|
|
|
- <p>{{ men.name }} </p>
|
|
|
+ <p>{{ men.name }} <small style="color:#999999ad"> 账号:{{ men.username }}</small></p>
|
|
|
<small style="color:#999999ad;margin-top:10px">部门:{{ men.depname?men.depname:"未知部门" }} 职位:{{ men.position?men.position:"未知部门" }}</small>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -40,12 +39,12 @@
|
|
|
trigger="manual"
|
|
|
v-model="visible"
|
|
|
width="300">
|
|
|
- <member ref="member1" :param="param" :radio="false" :checked="item.team" @onSelect="onSubmit"></member>
|
|
|
- <el-button type="text" size="small" slot="reference" @click="showMenberSelect1(item)">变更</el-button>
|
|
|
+ <member ref="member1" :param="param" :radio="false" :checked="item.team" @onSelect="onSubmit" @onCancel="visible = false"></member>
|
|
|
+ <el-button v-show="item.teamleader[0] && nowUserid === item.teamleader[0].userid" type="text" size="small" slot="reference" @click="showMenberSelect1(item)">添加</el-button>
|
|
|
</el-popover>
|
|
|
</div>
|
|
|
<div style="padding:10px">
|
|
|
- <div class="flex-align-center" style="margin-bottom:16px" v-if="men.isleader === 0" v-for="men in item.team" :key="men.index">
|
|
|
+ <div class="flex-align-center" style="margin-bottom:16px" v-show="men.isleader === 0" v-for="men in item.team" :key="men.index">
|
|
|
<div class="avatar inline-16" :class="men.isleader === 1?'leader':''" >
|
|
|
<img class="avatar__image" v-if="men.headpic" :src="men.headpic" alt="">
|
|
|
<p v-else>{{men.name.substr(0, 1)}}</p>
|
|
@@ -55,11 +54,11 @@
|
|
|
</span> -->
|
|
|
</div>
|
|
|
<div>
|
|
|
- <p>{{ men.name }}</p>
|
|
|
+ <p>{{ men.name }} <small style="color:#999999ad"> 账号:{{ men.username }}</small></p>
|
|
|
<small style="color:#999999ad;margin-top:10px">部门:{{ men.depname?men.depname:"未知部门" }} 职位:{{ men.position?men.position:"未知部门" }}</small>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if="item.team.length === 0">
|
|
|
+ <div v-if="showEmpty(item.team)">
|
|
|
<el-empty description="暂无成员" :image-size="40"></el-empty>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -68,7 +67,6 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-// import tableLayout
|
|
|
import accountDialog from './select_account.vue'
|
|
|
import member from '@/template/menber/index.vue'
|
|
|
import { settings } from 'nprogress'
|
|
@@ -103,7 +101,8 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- addType:''
|
|
|
+ addType:'',
|
|
|
+ nowUserid:''
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
@@ -159,9 +158,9 @@ export default {
|
|
|
"ownertable":this.ownertable,
|
|
|
"ownerid":this.$route.query.id,
|
|
|
"justuserids":true,
|
|
|
- "userids":data.map(e=>{
|
|
|
+ "userids":data?data.map(e=>{
|
|
|
return e.userid
|
|
|
- })
|
|
|
+ }):[]
|
|
|
}
|
|
|
})
|
|
|
this.tool.showMessage(res,()=>{
|
|
@@ -181,10 +180,17 @@ export default {
|
|
|
this.$refs['member1'][0].selected = item.team.filter(e=>{
|
|
|
return e.isleader !== 1
|
|
|
})
|
|
|
+ },
|
|
|
+ showEmpty (data) {
|
|
|
+ let team = data.filter(e=>{
|
|
|
+ return e.isleader !== 1
|
|
|
+ })
|
|
|
+ if (team.length === 0) return true
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
this.queryGroup()
|
|
|
+ this.nowUserid = JSON.parse(sessionStorage.getItem('active_account')).userid
|
|
|
},
|
|
|
watch: {
|
|
|
$route () {
|