|
|
|
@ -40,30 +40,8 @@
|
|
|
|
<div class="f12 c9 ml24 mb8">自定义角色(8人)</div>
|
|
|
|
<div class="f12 c9 ml24 mb8">自定义角色(8人)</div>
|
|
|
|
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
<!-- <template v-for="(item, index) in groupList"> -->
|
|
|
|
<!-- <template v-for="(item, index) in groupList"> -->
|
|
|
|
<a-menu-item key="角色1(8人)" class="fsa showdot" @click="selectGroup('角色1(8人)')">
|
|
|
|
<a-menu-item key="角色1(8人)" class="fsa showdot" @click="selectGroup('角色1(8人)')">{{'角色1(8人)'}}</a-menu-item>
|
|
|
|
{{'角色1(8人)'}}
|
|
|
|
<a-menu-item key="角色2(8人)" class="fsa showdot" @click="selectGroup('角色2(8人)')">{{'角色2(8人)'}}</a-menu-item>
|
|
|
|
<a-dropdown overlayClassName="groupdropdown" :trigger="['click']" placement="bottomRight">
|
|
|
|
|
|
|
|
<i class="iconfont icon-gengduo3 thedot f12" @click.stop></i>
|
|
|
|
|
|
|
|
<div class="groupdropdownbox backTable" slot="overlay">
|
|
|
|
|
|
|
|
<div>修改名称</div>
|
|
|
|
|
|
|
|
<div>删除</div>
|
|
|
|
|
|
|
|
<div>上移</div>
|
|
|
|
|
|
|
|
<div>下移</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
|
|
|
</a-menu-item>
|
|
|
|
|
|
|
|
<a-menu-item key="角色2(8人)" class="fsa showdot" @click="selectGroup('角色2(8人)')">
|
|
|
|
|
|
|
|
{{'角色2(8人)'}}
|
|
|
|
|
|
|
|
<a-dropdown overlayClassName="groupdropdown" :trigger="['click']" placement="bottomRight">
|
|
|
|
|
|
|
|
<i class="iconfont icon-gengduo3 thedot f12" @click.stop></i>
|
|
|
|
|
|
|
|
<div class="groupdropdownbox backTable" slot="overlay">
|
|
|
|
|
|
|
|
<div>修改名称</div>
|
|
|
|
|
|
|
|
<div>删除</div>
|
|
|
|
|
|
|
|
<div>上移</div>
|
|
|
|
|
|
|
|
<div>下移</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
|
|
|
</a-menu-item>
|
|
|
|
|
|
|
|
<!-- </template> -->
|
|
|
|
<!-- </template> -->
|
|
|
|
</a-menu>
|
|
|
|
</a-menu>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -81,8 +59,8 @@
|
|
|
|
<div class="groupdropdownbox backTable" slot="overlay">
|
|
|
|
<div class="groupdropdownbox backTable" slot="overlay">
|
|
|
|
<div @click="[addGroupShow = true,isEdit = true,recordId = item.id,groupName=item.teamName]">修改名称</div>
|
|
|
|
<div @click="[addGroupShow = true,isEdit = true,recordId = item.id,groupName=item.teamName]">修改名称</div>
|
|
|
|
<div @click="delGroup(item)">删除</div>
|
|
|
|
<div @click="delGroup(item)">删除</div>
|
|
|
|
<div>上移</div>
|
|
|
|
<div @click="index != 0?moveList(index,'up'):null" :class="index == 0 ? 'unactive':''">上移</div>
|
|
|
|
<div>下移</div>
|
|
|
|
<div @click="index + 1 < groupList.length?moveList(index,'down'):null" :class="index + 1 == groupList.length? 'unactive':''">下移</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a-dropdown>
|
|
|
|
</a-dropdown>
|
|
|
|
</a-menu-item>
|
|
|
|
</a-menu-item>
|
|
|
|
@ -100,7 +78,7 @@
|
|
|
|
<div class="fsa pb14 bb1 mb24">
|
|
|
|
<div class="fsa pb14 bb1 mb24">
|
|
|
|
<div class="f16 fw500">{{modalTitle ? modalTitle : selectedKeys[0] == 'all' ? '全部成员(19人)':selectedKeys[0] + '(8人)' }}</div>
|
|
|
|
<div class="f16 fw500">{{modalTitle ? modalTitle : selectedKeys[0] == 'all' ? '全部成员(19人)':selectedKeys[0] + '(8人)' }}</div>
|
|
|
|
<!-- <button class="addGroup" @click="addGroupShow = true">添加部门</button> -->
|
|
|
|
<!-- <button class="addGroup" @click="addGroupShow = true">添加部门</button> -->
|
|
|
|
<a-button class="addmemeber f14" v-if="modalTitle == ''" @click="showDetail('add')">
|
|
|
|
<a-button class="addmemeber f14" @click="showDetail('add')">
|
|
|
|
<i class="iconfont icon-fangda"></i> 添加成员
|
|
|
|
<i class="iconfont icon-fangda"></i> 添加成员
|
|
|
|
</a-button>
|
|
|
|
</a-button>
|
|
|
|
<!-- <button @click="changepage(1)">下一页</button> -->
|
|
|
|
<!-- <button @click="changepage(1)">下一页</button> -->
|
|
|
|
@ -909,6 +887,19 @@ export default {
|
|
|
|
that.$forceUpdate()
|
|
|
|
that.$forceUpdate()
|
|
|
|
}, 10)
|
|
|
|
}, 10)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
moveList(index, type) {
|
|
|
|
|
|
|
|
console.log(index)
|
|
|
|
|
|
|
|
if (type == 'up') {
|
|
|
|
|
|
|
|
let middle = this.groupList[index - 1]
|
|
|
|
|
|
|
|
this.groupList[index - 1] = this.groupList[index]
|
|
|
|
|
|
|
|
this.groupList[index] = middle
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
let middle = this.groupList[index + 1]
|
|
|
|
|
|
|
|
this.groupList[index + 1] = this.groupList[index]
|
|
|
|
|
|
|
|
this.groupList[index] = middle
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
@ -1057,6 +1048,9 @@ export default {
|
|
|
|
i {
|
|
|
|
i {
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
|
|
|
background: #40a9ff;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.addRole {
|
|
|
|
.addRole {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
@ -1260,7 +1254,7 @@ export default {
|
|
|
|
text-align: left;
|
|
|
|
text-align: left;
|
|
|
|
box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.4);
|
|
|
|
box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.4);
|
|
|
|
padding: 8px 0;
|
|
|
|
padding: 8px 0;
|
|
|
|
> div {
|
|
|
|
> div:not(.unactive) {
|
|
|
|
height: 32px;
|
|
|
|
height: 32px;
|
|
|
|
padding: 0 12px;
|
|
|
|
padding: 0 12px;
|
|
|
|
line-height: 32px;
|
|
|
|
line-height: 32px;
|
|
|
|
@ -1271,5 +1265,13 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.unactive {
|
|
|
|
|
|
|
|
color: #cccccc;
|
|
|
|
|
|
|
|
height: 32px;
|
|
|
|
|
|
|
|
padding: 0 12px;
|
|
|
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
|
|
|
cursor: no-drop;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
|