|
|
|
|
@ -14,8 +14,8 @@
|
|
|
|
|
<div class="searchbox pb12 ml12 mr12">
|
|
|
|
|
<div class="searchinput">
|
|
|
|
|
<a-input-search placeholder="搜索成员" v-model.trim="pagination.keys" allowClear @search="onSearch" @keyup.enter="onSearch" @input="resetsearch">
|
|
|
|
|
<a-icon slot="prefix" type="search" class="cccc" />
|
|
|
|
|
<a-button slot="enterButton" class="cblue">搜索</a-button>
|
|
|
|
|
<!-- <a-icon slot="prefix" type="search" class="cccc" /> -->
|
|
|
|
|
<!-- <a-button slot="enterButton" class="cblue">搜索</a-button> -->
|
|
|
|
|
</a-input-search>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <i class="iconfont icon-fangda ml12 c6 curp" @click="[addGroupShow = true,isEdit = false]" style="line-height:32px"></i> -->
|
|
|
|
|
@ -59,8 +59,8 @@
|
|
|
|
|
<div class="groupdropdownbox backTable" slot="overlay">
|
|
|
|
|
<div @click="[addGroupShow = true,isEdit = true,recordId = item.id,groupName=item.teamName]">修改名称</div>
|
|
|
|
|
<div @click="delGroup(item)">删除</div>
|
|
|
|
|
<div @click="index != 0?moveList(index,'up'):null" :class="index == 0 ? 'unactive':''">上移</div>
|
|
|
|
|
<div @click="index + 1 < groupList.length?moveList(index,'down'):null" :class="index + 1 == groupList.length? 'unactive':''">下移</div>
|
|
|
|
|
<div @click="index != 0?moveList(item,'up'):null" :class="index == 0 ? 'unactive':''">上移</div>
|
|
|
|
|
<div @click="index + 1 < groupList.length?moveList(item,'down'):null" :class="index + 1 == groupList.length? 'unactive':''">下移</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
</a-menu-item>
|
|
|
|
|
@ -69,14 +69,14 @@
|
|
|
|
|
<div class="pt12 ml12 mr12 mt4 bt1">
|
|
|
|
|
<a-button type="dashed" class="setMiddle" icon="plus" @click="[addGroupShow = true,isEdit = false]">
|
|
|
|
|
<!-- <i class="iconfont icon-fangda c6 f12 mr8" style="line-height:32px"></i> -->
|
|
|
|
|
添加部门
|
|
|
|
|
<span class="ml4">添加部门</span>
|
|
|
|
|
</a-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rightContainer 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">{{ selectedKeys[0] == 'all' ? '全部成员(19人)':selectedKeys[0] + '(8人)' }}</div>
|
|
|
|
|
<!-- <button class="addGroup" @click="addGroupShow = true">添加部门</button> -->
|
|
|
|
|
<a-button class="addmemeber f14" @click="showDetail('add')">
|
|
|
|
|
<i class="iconfont icon-fangda"></i> 添加成员
|
|
|
|
|
@ -186,7 +186,7 @@
|
|
|
|
|
<a-modal :title="modalTitle" v-model="visible" centered id="demo" @cancel="modalCancel" width="640px" destroyOnClose class="detailWindow">
|
|
|
|
|
<template slot="footer" v-if="this.modalTitle != '成员详情'">
|
|
|
|
|
<a-button key="back" @click="modalCancel">取消</a-button>
|
|
|
|
|
<a-button key="submit" class="ml16 mr16" type="primary" :loading="loading" @click="handleSubmit">确定</a-button>
|
|
|
|
|
<a-button key="submit" class="ml16" type="primary" :loading="loading" @click="handleSubmit">确定</a-button>
|
|
|
|
|
</template>
|
|
|
|
|
<template slot="footer" v-else>
|
|
|
|
|
<span></span>
|
|
|
|
|
@ -226,26 +226,18 @@
|
|
|
|
|
<div slot="dropdownRender" slot-scope="menu">
|
|
|
|
|
<div v-for="(item,index) in groupList" @click="choiceGroup(item)" class="groupSelectSub fsa" :key="index">
|
|
|
|
|
<div>{{item.teamName}}</div>
|
|
|
|
|
<div>
|
|
|
|
|
<span @click="[addGroupShow = true,isEdit = true,recordId = item.id]">修改</span>
|
|
|
|
|
<span @click.stop="delGroup(item)">删除</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bt1" style="padding: 9px 16px; cursor: pointer;" @mousedown="e => e.preventDefault()" @click="[addGroupShow = true,isEdit = false]">添加新部门</div>
|
|
|
|
|
<!-- <div class="bt1" style="padding: 9px 16px; cursor: pointer;" @mousedown="e => e.preventDefault()" @click="[addGroupShow = true,isEdit = false]">添加新部门</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="角色">
|
|
|
|
|
<a-select default-value="lucy" placeholder="请选择角色" v-decorator="['agencyTeamId',{ rules: [{ required: true, message: '请选择角色' }] },]" dropdownClassName="groupSelectDrop">
|
|
|
|
|
<a-select default-value="lucy" placeholder="请选择角色" v-decorator="['role',{ rules: [{ required: true, message: '请选择角色' }] },]" dropdownClassName="groupSelectDrop">
|
|
|
|
|
<div slot="dropdownRender" slot-scope="menu">
|
|
|
|
|
<div v-for="(item,index) in groupList" @click="choiceGroup(item)" class="groupSelectSub fsa" :key="index">
|
|
|
|
|
<div>{{item.teamName}}</div>
|
|
|
|
|
<div>
|
|
|
|
|
<span @click="[addGroupShow = true,isEdit = true,recordId = item.id]">修改</span>
|
|
|
|
|
<span @click.stop="delGroup(item)">删除</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bt1" style="padding: 9px 16px; cursor: pointer;" @mousedown="e => e.preventDefault()" @click="[addGroupShow = true,isEdit = false]">添加新部门</div>
|
|
|
|
|
<!-- <div class="bt1" style="padding: 9px 16px; cursor: pointer;" @mousedown="e => e.preventDefault()" @click="[addGroupShow = true,isEdit = false]">添加新部门</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
@ -291,7 +283,7 @@
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { getMemberListApi, deleteMemberApi, addMemberApi, getMemberGroupApi, addMemberGroupApi, updateMemberGroupApi, delMemberGroupApi, updateMemberApi } from '../../api/userinfo'
|
|
|
|
|
import { getMemberListApi, deleteMemberApi, addMemberApi, getMemberGroupApi, addMemberGroupApi, updateMemberGroupApi, delMemberGroupApi, updateMemberApi, moveGroupNextApi, moveGroupPrevApi } from '../../api/userinfo'
|
|
|
|
|
import { formatDateYMD, getUserApplyOrderStatusById, getAgencyRoleTypeById, getAgencyPermissionNameById, getAgencyPermissionsByRole, tableWidth } from '../../utils/commonUtil'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
@ -708,7 +700,7 @@ export default {
|
|
|
|
|
aliasName: this.currentMember.aliasName,
|
|
|
|
|
tel: this.currentMember.tel,
|
|
|
|
|
group: this.currentMember.group,
|
|
|
|
|
agencyTeamId: this.currentMember.teamName,
|
|
|
|
|
agencyTeamId: this.currentMember.agencyTeamName,
|
|
|
|
|
})
|
|
|
|
|
}, 200)
|
|
|
|
|
} else if (type == 'detail') {
|
|
|
|
|
@ -887,18 +879,30 @@ export default {
|
|
|
|
|
that.$forceUpdate()
|
|
|
|
|
}, 10)
|
|
|
|
|
},
|
|
|
|
|
moveList(index, type) {
|
|
|
|
|
console.log(index)
|
|
|
|
|
moveList(item, type) {
|
|
|
|
|
console.log(item)
|
|
|
|
|
if (type == 'up') {
|
|
|
|
|
let middle = this.groupList[index - 1]
|
|
|
|
|
this.groupList[index - 1] = this.groupList[index]
|
|
|
|
|
this.groupList[index] = middle
|
|
|
|
|
// let middle = this.groupList[index - 1]
|
|
|
|
|
// this.groupList[index - 1] = this.groupList[index]
|
|
|
|
|
// this.groupList[index] = middle
|
|
|
|
|
moveGroupPrevApi(item.id).then((res) => {
|
|
|
|
|
console.log(res)
|
|
|
|
|
if(res.data.status == 200){
|
|
|
|
|
this.getMemberGroup()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
let middle = this.groupList[index + 1]
|
|
|
|
|
this.groupList[index + 1] = this.groupList[index]
|
|
|
|
|
this.groupList[index] = middle
|
|
|
|
|
// let middle = this.groupList[index + 1]
|
|
|
|
|
// this.groupList[index + 1] = this.groupList[index]
|
|
|
|
|
// this.groupList[index] = middle
|
|
|
|
|
moveGroupNextApi(item.id).then((res) => {
|
|
|
|
|
console.log(res)
|
|
|
|
|
if(res.data.status == 200){
|
|
|
|
|
this.getMemberGroup()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
// this.$forceUpdate()
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
@ -1005,6 +1009,9 @@ export default {
|
|
|
|
|
/deep/ .searchbox {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
.searchinput{
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
// padding-bottom: 14px;
|
|
|
|
|
}
|
|
|
|
|
.leftMenu {
|
|
|
|
|
@ -1136,7 +1143,7 @@ export default {
|
|
|
|
|
// }
|
|
|
|
|
.delete {
|
|
|
|
|
// border-left: 1px solid #979797;
|
|
|
|
|
border-right: 1px solid #979797;
|
|
|
|
|
border-right: 1px solid #eee;
|
|
|
|
|
padding: 0 6px 0 0;
|
|
|
|
|
margin: 0 6px 0 0;
|
|
|
|
|
}
|
|
|
|
|
@ -1222,7 +1229,7 @@ export default {
|
|
|
|
|
padding: 9px 16px;
|
|
|
|
|
&:hover {
|
|
|
|
|
> div {
|
|
|
|
|
color: #ff4400 !important;
|
|
|
|
|
color: #1890ff !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -1271,7 +1278,6 @@ export default {
|
|
|
|
|
padding: 0 12px;
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
cursor: no-drop;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|