cyl/dev
wangxia 2 years ago
parent 7d5c6a5a46
commit e360f30372

@ -277,3 +277,17 @@ export function delMemberGroupApi (data) {
method: "get",
});
}
// 成员管理分组下移
export function moveGroupNextApi (data) {
return request({
url: "/yishoudan/agency/team/next/" + data,
method: "get",
});
}
// 成员管理分组上移
export function moveGroupPrevApi (data) {
return request({
url: "/yishoudan/agency/team/prev/" + data,
method: "get",
});
}

@ -47,7 +47,7 @@
<!-- 筛选导航 -->
<div class="navigation">
<div class="w" id="navigation">
<span>
<span class="dn">
<!-- <i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i> -->
<router-link to="/main">
<!-- <svg class="icon" aria-hidden="true">
@ -1683,7 +1683,7 @@ export default {
}
.searchBox {
position: relative;
margin-left: 100px;
// margin-left: 100px;
line-height: 44px;
z-index: 10;
.hotStore {
@ -1748,9 +1748,10 @@ export default {
.searchinput {
// margin-top: 19px;
// margin-right: 285px;
width: 685px;
// width: 685px;
// height: 44px;
&.ant-input-affix-wrapper {
width: 943px;
position: relative;
.ant-input-prefix {
position: absolute;
@ -1815,7 +1816,6 @@ export default {
}
}
> .ant-input {
width: 607px;
height: 40px;
text-indent: 60px;
background: #fff;

@ -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;
}
}
}
@ -1270,8 +1277,7 @@ export default {
height: 32px;
padding: 0 12px;
line-height: 32px;
cursor: no-drop;
cursor: no-drop;
}
}
</style>

@ -1,5 +1,31 @@
<template>
<div class="">通知中心</div>
<div class>
<a-breadcrumb class="newBreadcrumb mt0 mb16">
<a-breadcrumb-item href>
<router-link :to="{name:'merchantBack'}">
<a-icon type="home" />
</router-link>
</a-breadcrumb-item>
<a-breadcrumb-item>
<span @click="cancelAdd" v-if="secondBreadcrumb" style="cursor:pointer"></span>
<span v-else></span>
</a-breadcrumb-item>
<a-breadcrumb-item v-if="secondBreadcrumb">{{secondBreadcrumb}}</a-breadcrumb-item>
</a-breadcrumb>
<div class="contentbody bodyContainer">
<div class>
<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-input-search>
</div>
<!-- <i class="iconfont icon-fangda ml12 c6 curp" @click="[addGroupShow = true,isEdit = false]" style="line-height:32px"></i> -->
</div>
</div>
</div>
</div>
</template>
<script>
@ -11,9 +37,9 @@ export default {
//
props: {},
//
data () {
data() {
return {
secondBreadcrumb: '',
}
},
//
@ -22,22 +48,20 @@ export default {
watch: {},
//
/**
* 组件实例创建完成属性已绑定但DOM还未生成$ el属性还不存在
*/
created () {
* 组件实例创建完成属性已绑定但DOM还未生成$ el属性还不存在
*/
created() {
this.$emit('setTitle', '通知中心')
},
/**
* el 被新创建的 vm.el 替换并挂载到实例上去之后调用该钩子
* 如果 root 实例挂载了一个文档内元素 mounted 被调用时 vm.el 也在文档内
*/
mounted () {},
* el 被新创建的 vm.el 替换并挂载到实例上去之后调用该钩子
* 如果 root 实例挂载了一个文档内元素 mounted 被调用时 vm.el 也在文档内
*/
mounted() {},
//
methods: {}
methods: {},
}
</script>
<style scoped lang="less">
</style>

@ -57,7 +57,7 @@
<a-form-item>
<div class>
<a-select default-value="lucy" class="mr8 ml8" style="width:360px" placeholder="请选择分组" v-decorator="['agencyTeamId',{ rules: [{ required: false, message: '请选择分组' }] },]" dropdownClassName="groupSelectDrop">
<a-select default-value="lucy" class="mr8 ml8" style="width:360px" placeholder=" 在已有的角色选择" v-decorator="['agencyTeamId',{ rules: [{ required: false, message: ' 在已有的角色选择' }] },]" dropdownClassName="groupSelectDrop">
<a-select-option :value="item.roleName" v-for="(item,index) in roleList">{{item.roleName}}</a-select-option>
<!-- <div slot="dropdownRender" slot-scope="menu">
<div v-for="(item,index) in roleList" @click="choiceGroup(item)" class="groupSelectSub fsa" :key="index">

@ -12,10 +12,10 @@
<div class="bodyContainer contentbody">
<div class="leftContainer pb24">
<div class="searchbox pb12 ml12 mr12">
<div class>
<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> -->
@ -143,15 +143,15 @@
<span>{{ contentListSearchForm.total }}</span>跳至
<input ref="pageinput" type="text" style="height:28px" @keyup.enter="inputpageChange" @blur="inputpageChange" />
</div>
</div> -->
</div>-->
</div>
</div>
<a-modal class="townsmanDetailModal" centered v-model="townsmanDetailVisible" width="1200px" @cancel="townsmanDetailModalClose" :footer="null" destroyOnClose>
<div slot="title" destoryOnClose>明细</div>
<div class="searchinput">
<div class="searchinput mb16">
<a-input-search placeholder="请输入老乡姓名" v-model.trim="billPagination.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>
<!-- <a-input placeholder="请输入老乡姓名/身份证号" @keyup.enter="onSearch" @input="resetsearch" v-model.trim="billPagination.keys">
<i slot="prefix" class="iconfont icon-sousuo"></i>
@ -170,7 +170,7 @@
<!-- <div class="ant-pagination-options-quick-jumper ml12">
<span>{{ billPagination.total }}</span>跳至
<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" />
</div> -->
</div>-->
</div>
</a-modal>
</div>
@ -990,6 +990,9 @@ table {
/deep/ .searchbox {
display: flex;
justify-content: space-between;
.searchinput {
width: 100%;
}
// padding-bottom: 14px;
}
.leftMenu {
@ -1181,7 +1184,7 @@ td:empty:before {
}
/deep/.searchinput {
width: 326px;
margin-bottom: 16px;
// margin-bottom: 16px;
position: relative;
}

@ -281,7 +281,7 @@ i {
margin-left: 6px;
}
.ml4 {
margin-left: 4px;
margin-left: 4px !important;
}
.mr6 {
margin-right: 6px;
@ -724,7 +724,7 @@ i {
border-radius: 4px;
text-align: center;
box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.4);
padding: 0 16px 10px 16px;
padding: 0 12px 10px 16px;
> div {
padding: 16px;
text-align: center;
@ -737,6 +737,7 @@ i {
display: flex;
padding: 12px 0;
font-size: 14px;
align-items: center;
// font-weight: bold;
justify-content: space-between;
border-bottom: 1px solid #eee;
@ -762,7 +763,7 @@ i {
border-radius: 17px;
color: #1890ff;
font-size: 14px;
line-height: 32px;
line-height: 30px;
background-color: #fff;
cursor: pointer;
&:hover {

Loading…
Cancel
Save