|
|
|
|
@ -11,13 +11,76 @@
|
|
|
|
|
</a-breadcrumb>
|
|
|
|
|
<div class="contentbody bodyContainer">
|
|
|
|
|
<div class="leftContainer br1">
|
|
|
|
|
<div class="searchbox bb1 ml12 mr12">
|
|
|
|
|
<div class="searchbox pb12 ml12 mr12">
|
|
|
|
|
<div class="searchinput">
|
|
|
|
|
<a-input-search placeholder="搜索成员" v-model.trim="pagination.keys" enter-button allowClear @search="onSearch" @keyup.enter="onSearch" @input="resetsearch"></a-input-search>
|
|
|
|
|
</div>
|
|
|
|
|
<i class="iconfont icon-fangda ml12 c6 curp" @click="[addGroupShow = true,isEdit = false]" style="line-height:32px"></i>
|
|
|
|
|
<!-- <i class="iconfont icon-fangda ml12 c6 curp" @click="[addGroupShow = true,isEdit = false]" style="line-height:32px"></i> -->
|
|
|
|
|
</div>
|
|
|
|
|
<a-menu :selectedKeys="selectedKeys" @click="getGroup" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
|
|
|
|
|
|
<a-radio-group v-model="menuType" class="pl12 pr12 tac" style="width:100%" :style="{ marginBottom: '8px' }">
|
|
|
|
|
<a-radio-button value="role" class="changeGroup" style="width:50%">按角色</a-radio-button>
|
|
|
|
|
<a-radio-button value="group" class="changeGroup" style="width:50%">按部门</a-radio-button>
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
<div v-if="menuType == 'role'">
|
|
|
|
|
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
|
<a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">全部角色</a-menu-item>
|
|
|
|
|
</a-menu>
|
|
|
|
|
<div class="bb1 ml12 mr12 mt8 mb12" style="wdith:calc(100% - 24px)"></div>
|
|
|
|
|
<div class="f12 c9 ml24 mb8">默认角色（11人）</div>
|
|
|
|
|
<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">
|
|
|
|
|
<a-menu-item :key="item.teamName" class="fsa showdot" @click="selectGroup(item)">
|
|
|
|
|
{{item.teamName}}
|
|
|
|
|
<a-dropdown overlayClassName="groupdropdown" :trigger="['click']" placement="bottomCenter">
|
|
|
|
|
<i class="iconfont icon-gengduo3 thedot" @click.stop></i>
|
|
|
|
|
<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>上移</div>
|
|
|
|
|
<div>下移</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
</a-menu-item>
|
|
|
|
|
</template>
|
|
|
|
|
</a-menu>
|
|
|
|
|
<div class="bb1 ml12 mr12 mt8 mb12" style="wdith:calc(100% - 24px)"></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;">
|
|
|
|
|
<!-- <template v-for="(item, index) in groupList"> -->
|
|
|
|
|
<a-menu-item key="角色1" class="fsa showdot" @click="selectGroup('角色1')">
|
|
|
|
|
{{'角色1'}}
|
|
|
|
|
<a-dropdown overlayClassName="groupdropdown" :trigger="['click']" placement="bottomCenter">
|
|
|
|
|
<i class="iconfont icon-gengduo3 thedot" @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" class="fsa showdot" @click="selectGroup('角色2')">
|
|
|
|
|
{{'角色2'}}
|
|
|
|
|
<a-dropdown overlayClassName="groupdropdown" :trigger="['click']" placement="bottomCenter">
|
|
|
|
|
<i class="iconfont icon-gengduo3 thedot" @click.stop></i>
|
|
|
|
|
<div class="groupdropdownbox backTable" slot="overlay">
|
|
|
|
|
<div>修改名称</div>
|
|
|
|
|
<div>删除</div>
|
|
|
|
|
<div>上移</div>
|
|
|
|
|
<div>下移</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
</a-menu-item>
|
|
|
|
|
<!-- </template> -->
|
|
|
|
|
</a-menu>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
|
|
|
|
|
<a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">全部角色</a-menu-item>
|
|
|
|
|
</a-menu>
|
|
|
|
|
<div class="bb1 ml12 mr12 mt8 mb12" style="wdith:calc(100% - 24px)"></div>
|
|
|
|
|
<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">
|
|
|
|
|
<a-menu-item :key="item.teamName" class="fsa showdot" @click="selectGroup(item)">
|
|
|
|
|
{{item.teamName}}
|
|
|
|
|
@ -33,23 +96,30 @@
|
|
|
|
|
</a-menu-item>
|
|
|
|
|
</template>
|
|
|
|
|
</a-menu>
|
|
|
|
|
<div class="pt12 ml12 mr12 mt16 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> -->
|
|
|
|
|
添加部门
|
|
|
|
|
</a-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rightContainer">
|
|
|
|
|
<div class="fsa pb14 bb1 mb24">
|
|
|
|
|
<div class="f20 fw500">{{modalTitle ? modalTitle : "分组1（16人）"}}</div>
|
|
|
|
|
<!-- <button class="addGroup" @click="addGroupShow = true">添加分组</button> -->
|
|
|
|
|
<div class="f20 fw500">{{modalTitle ? modalTitle : "部门1（16人）"}}</div>
|
|
|
|
|
<!-- <button class="addGroup" @click="addGroupShow = true">添加部门</button> -->
|
|
|
|
|
<a-button class="addmemeber f14" v-if="modalTitle == ''" @click="showDetail('add')">
|
|
|
|
|
<i class="iconfont icon-fangda"></i> 添加成员
|
|
|
|
|
</a-button>
|
|
|
|
|
<!-- <button @click="changepage(1)">下一页</button> -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- :expanded-row-keys.sync="expandedRowKeys" -->
|
|
|
|
|
<div v-if="modalTitle == ''">
|
|
|
|
|
<!-- v-if="modalTitle == ''" -->
|
|
|
|
|
<div>
|
|
|
|
|
<a-table :columns="columns" :data-source="memberList" :pagination="false" @change="onChange" :loading="{spinning: isspinning,tip: '加载中',wrapperClassName: 'spinstyle'}" :rowKey="(record) => record.id" :locale="tablenodata">
|
|
|
|
|
<!-- <a slot="index" slot-scope="record, text, index">{{ index + 1 }}</a> -->
|
|
|
|
|
<span slot="nickName" slot-scope="text, record">
|
|
|
|
|
<!-- <i class="iconfont icon-chengyuan"></i> -->
|
|
|
|
|
<svg class="svg_icon" v-if="record.agencyRole == 3" aria-hidden="true" style="width:32px">
|
|
|
|
|
<!-- <svg class="svg_icon" v-if="record.agencyRole == 3" aria-hidden="true" style="width:32px">
|
|
|
|
|
<use xlink:href="#icon-chengyuan" />
|
|
|
|
|
</svg>
|
|
|
|
|
<svg class="svg_icon" v-if="record.agencyRole == 2" aria-hidden="true" style="width:32px">
|
|
|
|
|
@ -57,9 +127,8 @@
|
|
|
|
|
</svg>
|
|
|
|
|
<svg class="svg_icon" v-if="record.agencyRole == 1" aria-hidden="true" style="width:32px">
|
|
|
|
|
<use xlink:href="#icon-chuangjianren" />
|
|
|
|
|
</svg>
|
|
|
|
|
</svg>-->
|
|
|
|
|
{{ record.aliasName || record.userName }}
|
|
|
|
|
<!-- <span>{{ record.tel?'（'+ record.tel + '）':'' }}</span> -->
|
|
|
|
|
</span>
|
|
|
|
|
<div slot="join">
|
|
|
|
|
<a-switch default-checked @change="onChange" />
|
|
|
|
|
@ -68,7 +137,7 @@
|
|
|
|
|
<a-switch default-checked @change="onChange" />
|
|
|
|
|
</div>
|
|
|
|
|
<div slot="setting" v-if="!record.children" class="setting" slot-scope="text, record" style="color: #1890FF">
|
|
|
|
|
<a @click="showDetail('detail', record)">详情</a>
|
|
|
|
|
<!-- <a @click="showDetail('detail', record)">详情</a> -->
|
|
|
|
|
<a v-if="loginUserInfo.agencyRole != 3" class="delete" @click="showDetail('edit', record)">编辑</a>
|
|
|
|
|
<a v-if="loginUserInfo.agencyRole != 3" @click="deleteMemeber(record)">删除</a>
|
|
|
|
|
</div>
|
|
|
|
|
@ -81,7 +150,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="modalTitle == '添加成员' || modalTitle == '编辑成员'">
|
|
|
|
|
<!-- <div v-else-if="modalTitle == '添加成员' || modalTitle == '编辑成员'">
|
|
|
|
|
<a-form :form="form" :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
|
|
|
|
|
<div class="fw500 mb16 f16">成员基础信息</div>
|
|
|
|
|
<a-form-item class="addItem" label="备注名">
|
|
|
|
|
@ -107,9 +176,9 @@
|
|
|
|
|
]" :options="options" @change="groupChange" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-divider />
|
|
|
|
|
<div class="fw500 mb16 f16">成员分组</div>
|
|
|
|
|
<div class="fw500 mb16 f16">成员部门</div>
|
|
|
|
|
<a-form-item>
|
|
|
|
|
<a-radio-group v-decorator="['agencyTeamId',{ rules: [{ required: false, message: '请选择分组' }] },]">
|
|
|
|
|
<a-radio-group v-decorator="['agencyTeamId',{ rules: [{ required: false, message: '请选择部门' }] },]">
|
|
|
|
|
<a-radio :value="item.id" v-for="item in groupList" @change="onGroupChange(item)" :key="item.id">{{item.teamName}}</a-radio>
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
@ -141,7 +210,7 @@
|
|
|
|
|
<div>{{ currentMember.role }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-divider />
|
|
|
|
|
<div class="fw500 mb16 f16">成员分组</div>
|
|
|
|
|
<div class="fw500 mb16 f16">成员部门</div>
|
|
|
|
|
<div style="margin-bottom:24px" class="f14">
|
|
|
|
|
<div>{{ currentMember.agencyTeamName }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -151,10 +220,10 @@
|
|
|
|
|
<div>{{ currentMember.permission }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-divider />
|
|
|
|
|
</div>-->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <a-modal :title="modalTitle" v-model="visible" centered id="demo" @cancel="modalCancel" width="640px" destroyOnClose class="detailWindow">
|
|
|
|
|
<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>
|
|
|
|
|
@ -172,7 +241,7 @@
|
|
|
|
|
<a-col :span="18">{{ currentMember.aliasName || currentMember.userName }}</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row style="margin-bottom:24px">
|
|
|
|
|
<a-col :span="4">分组：</a-col>
|
|
|
|
|
<a-col :span="4">部门：</a-col>
|
|
|
|
|
<a-col :span="18">{{ currentMember.agencyTeamName }}</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row style="margin-bottom:24px">
|
|
|
|
|
@ -186,14 +255,14 @@
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else>
|
|
|
|
|
<a-form :form="form" :label-col="{ span: 4 }" :wrapper-col="{ span: 16 }">
|
|
|
|
|
<a-form-item label="手机号">
|
|
|
|
|
<a-input placeholder="请输入手机号" v-decorator="['tel', {rules: [{ required: true, message: '请输入手机号' },{ type: 'regexp', validator: validateServiceName, message: '请输入正确的手机号', }, ], validateTrigger: 'submit', }, ]" :max-length="11" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="备注名">
|
|
|
|
|
<a-input placeholder="请输入备注名" v-decorator="[ 'aliasName', { rules: [{ required: true, message: '请输入备注名' }] }, ]" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="分组">
|
|
|
|
|
<a-select default-value="lucy" placeholder="请选择分组" v-decorator="['agencyTeamId',{ rules: [{ required: false, message: '请选择分组' }] },]" dropdownClassName="groupSelectDrop">
|
|
|
|
|
<a-form-item label="手机号">
|
|
|
|
|
<a-input placeholder="请输入手机号" v-decorator="['tel', {rules: [{ required: true, message: '请输入手机号' },{ type: 'regexp', validator: validateServiceName, message: '请输入正确的手机号', }, ], validateTrigger: 'submit', }, ]" :max-length="11" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="部门选择">
|
|
|
|
|
<a-select default-value="lucy" placeholder="请选择部门" v-decorator="['agencyTeamId',{ rules: [{ required: false, 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>
|
|
|
|
|
@ -202,35 +271,57 @@
|
|
|
|
|
<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">
|
|
|
|
|
<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>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="角色" class="dn">
|
|
|
|
|
<a-radio-group v-decorator="[
|
|
|
|
|
'agencyRole',
|
|
|
|
|
{ rules: [{ required: true, message: '请选择角色' }] },
|
|
|
|
|
]" :options="options" @change="groupChange" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-form-item label="参与统计">
|
|
|
|
|
<a-switch default-checked @change="onChange" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="大屏显示">
|
|
|
|
|
<a-switch default-checked @change="onChange" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<!-- <a-row>
|
|
|
|
|
<a-col :span="4">权限：</a-col>
|
|
|
|
|
<a-col :span="16">{{ permissionName }}</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</a-row>-->
|
|
|
|
|
</a-form>
|
|
|
|
|
</template>
|
|
|
|
|
</a-modal> -->
|
|
|
|
|
<a-modal :title="isEdit?'编辑分组':'添加分组'" v-model="addGroupShow" centered id="demo" @cancel="addGroupShow = false" @ok="addMemberGroup" width="640px" :destroyOnClose='true' class="addGroupModal">
|
|
|
|
|
</a-modal>
|
|
|
|
|
<a-modal :title="isEdit?'编辑部门':'添加部门'" v-model="addGroupShow" centered id="demo" @cancel="addGroupShow = false" @ok="addMemberGroup" width="640px" :destroyOnClose="true" class="addGroupModal">
|
|
|
|
|
<div class="fsc setMiddle mt20" style="width:420px">
|
|
|
|
|
<div class="mr12 c6">分组名称:</div>
|
|
|
|
|
<a-input placeholder="请输入分组名" v-model="groupName" class="flex1"></a-input>
|
|
|
|
|
<div class="mr12 c6">
|
|
|
|
|
<span class="mr4" style="color:#f5222d">*</span>部门名称:
|
|
|
|
|
</div>
|
|
|
|
|
<a-input placeholder="请输入部门名" v-model="groupName" class="flex1"></a-input>
|
|
|
|
|
</div>
|
|
|
|
|
<template slot="footer">
|
|
|
|
|
<a-button key="back" @click="[addGroupShow = false,groupName = '']">取消</a-button>
|
|
|
|
|
<a-button key="submit" type="primary" :loading="loading" @click="addMemberGroup">确定</a-button>
|
|
|
|
|
</template>
|
|
|
|
|
</a-modal>
|
|
|
|
|
<a-modal title="删除分组" v-model="delGroupShow" centered id="demo" @cancel="delGroupShow = false" width="400px" destroyOnClose class="addGroupModal">
|
|
|
|
|
<div>确定要删除该分组吗？</div>
|
|
|
|
|
<a-modal title="删除部门" v-model="delGroupShow" centered id="demo" @cancel="delGroupShow = false" width="400px" destroyOnClose class="addGroupModal">
|
|
|
|
|
<div>确定要删除该部门吗？</div>
|
|
|
|
|
<template slot="footer">
|
|
|
|
|
<a-button key="back" @click="delGroupShow = false">取消</a-button>
|
|
|
|
|
<a-button key="submit" type="primary" :loading="loading" @click="delMemberGroup">确定</a-button>
|
|
|
|
|
@ -298,10 +389,11 @@ export default {
|
|
|
|
|
showGroup: false,
|
|
|
|
|
addGroupShow: false,
|
|
|
|
|
delGroupShow: false,
|
|
|
|
|
groupName: '', // 分组名称
|
|
|
|
|
groupName: '', // 部门名称
|
|
|
|
|
loading: false,
|
|
|
|
|
isEdit: false, // 编辑分组名称的判断
|
|
|
|
|
selectedKeys: ['待分组'],
|
|
|
|
|
isEdit: false, // 编辑部门名称的判断
|
|
|
|
|
selectedKeys: ['待部门'],
|
|
|
|
|
menuType: 'role',
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 计算属性
|
|
|
|
|
@ -309,7 +401,7 @@ export default {
|
|
|
|
|
columns() {
|
|
|
|
|
const columns = [
|
|
|
|
|
{
|
|
|
|
|
title: '排序',
|
|
|
|
|
title: '序号',
|
|
|
|
|
dataIndex: 'index',
|
|
|
|
|
key: 'index',
|
|
|
|
|
customRender: (text, row, index) => {
|
|
|
|
|
@ -323,22 +415,29 @@ export default {
|
|
|
|
|
width: 60,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '成员姓名',
|
|
|
|
|
title: '姓名',
|
|
|
|
|
dataIndex: 'nickName',
|
|
|
|
|
key: 'nickName',
|
|
|
|
|
scopedSlots: { customRender: 'nickName' },
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
// width: 120,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '角色',
|
|
|
|
|
dataIndex: 'role',
|
|
|
|
|
key: 'role',
|
|
|
|
|
width: 120,
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// {
|
|
|
|
|
// title: '角色',
|
|
|
|
|
// dataIndex: 'role',
|
|
|
|
|
// key: 'role',
|
|
|
|
|
// width: 100,
|
|
|
|
|
// title: '权限',
|
|
|
|
|
// dataIndex: 'permission',
|
|
|
|
|
// key: 'permission',
|
|
|
|
|
// ellipsis: true,
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
title: '分组',
|
|
|
|
|
title: '部门',
|
|
|
|
|
dataIndex: 'agencyTeamId',
|
|
|
|
|
key: 'agencyTeamId',
|
|
|
|
|
// width: 100,
|
|
|
|
|
@ -353,13 +452,8 @@ export default {
|
|
|
|
|
return text1
|
|
|
|
|
},
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
width: 120,
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// title: '权限',
|
|
|
|
|
// dataIndex: 'permission',
|
|
|
|
|
// key: 'permission',
|
|
|
|
|
// ellipsis: true,
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
title: '手机号',
|
|
|
|
|
dataIndex: 'tel',
|
|
|
|
|
@ -393,7 +487,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
// sortOrder: sortedInfo.columnKey == "userApplyOrder" && sortedInfo.order,
|
|
|
|
|
// ellipsis: true,
|
|
|
|
|
width: 140,
|
|
|
|
|
width: 84,
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
return columns
|
|
|
|
|
@ -433,7 +527,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
/**
|
|
|
|
|
* 添加成员分组选择切换
|
|
|
|
|
* 添加成员部门选择切换
|
|
|
|
|
*/
|
|
|
|
|
onGroupChange(e) {
|
|
|
|
|
console.log(e)
|
|
|
|
|
@ -443,7 +537,7 @@ export default {
|
|
|
|
|
this.agencyTeamId = e.id
|
|
|
|
|
},
|
|
|
|
|
/**
|
|
|
|
|
* 分组列表选择
|
|
|
|
|
* 部门列表选择
|
|
|
|
|
*
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
@ -475,7 +569,7 @@ export default {
|
|
|
|
|
if (data.status === 200) {
|
|
|
|
|
this.memberList = data.data.recordList
|
|
|
|
|
this.memberList.forEach((item, index) => {
|
|
|
|
|
// item.group = '分组' + ((index % 5) + 1)
|
|
|
|
|
// item.group = '部门' + ((index % 5) + 1)
|
|
|
|
|
// item1.children.forEach((item) => {
|
|
|
|
|
console.log(item)
|
|
|
|
|
item.role = getAgencyRoleTypeById(item.agencyRole)
|
|
|
|
|
@ -560,9 +654,25 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
delGroup(item) {
|
|
|
|
|
console.log(item)
|
|
|
|
|
let that = this
|
|
|
|
|
this.recordId = item.id
|
|
|
|
|
this.delGroupShow = true
|
|
|
|
|
this.$confirm({
|
|
|
|
|
title: '删除',
|
|
|
|
|
content: '确定要删除该部门吗？',
|
|
|
|
|
centered: true,
|
|
|
|
|
onOk(e1, e2) {
|
|
|
|
|
console.log(e1)
|
|
|
|
|
console.log(e2)
|
|
|
|
|
return new Promise((res) => {
|
|
|
|
|
that.delMemberGroup()
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
res()
|
|
|
|
|
}, 2000)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
onCancel() {},
|
|
|
|
|
})
|
|
|
|
|
// this.delGroupShow = true
|
|
|
|
|
},
|
|
|
|
|
getPopupContainer(el, dialogContext) {
|
|
|
|
|
console.log(el)
|
|
|
|
|
@ -603,7 +713,7 @@ export default {
|
|
|
|
|
if (type == 'edit') {
|
|
|
|
|
this.currentMember = e
|
|
|
|
|
this.modalTitle = '编辑成员'
|
|
|
|
|
// this.visible = true
|
|
|
|
|
this.visible = true
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
console.log(this.currentMember)
|
|
|
|
|
that.form.setFieldsValue({
|
|
|
|
|
@ -617,10 +727,10 @@ export default {
|
|
|
|
|
} else if (type == 'detail') {
|
|
|
|
|
this.currentMember = e
|
|
|
|
|
this.modalTitle = '成员详情'
|
|
|
|
|
// this.visible = true
|
|
|
|
|
this.visible = true
|
|
|
|
|
} else {
|
|
|
|
|
this.modalTitle = '添加成员'
|
|
|
|
|
// this.visible = true
|
|
|
|
|
this.visible = true
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
console.log(123)
|
|
|
|
|
that.form.setFieldsValue({
|
|
|
|
|
@ -651,7 +761,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
selectGroup(item) {
|
|
|
|
|
console.log(item)
|
|
|
|
|
this.selectedKeys = [item.teamName]
|
|
|
|
|
this.selectedKeys = [item.teamName || item]
|
|
|
|
|
},
|
|
|
|
|
modalCancel() {
|
|
|
|
|
// console.log(this);
|
|
|
|
|
@ -862,7 +972,7 @@ export default {
|
|
|
|
|
/deep/ .searchbox {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
padding-bottom: 14px;
|
|
|
|
|
// padding-bottom: 14px;
|
|
|
|
|
}
|
|
|
|
|
.leftMenu {
|
|
|
|
|
max-width: calc(100% - 1px);
|
|
|
|
|
@ -936,7 +1046,7 @@ export default {
|
|
|
|
|
// line-height: 22px;
|
|
|
|
|
> div {
|
|
|
|
|
// line-height: 1;
|
|
|
|
|
border-left: 1px solid #ccc;
|
|
|
|
|
border-left: 1px solid #ddd;
|
|
|
|
|
padding-left: 12px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -969,14 +1079,14 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
.setting {
|
|
|
|
|
a:nth-child(2) {
|
|
|
|
|
padding: 0 9px;
|
|
|
|
|
margin: 0 9px;
|
|
|
|
|
}
|
|
|
|
|
// a:last-child {
|
|
|
|
|
// }
|
|
|
|
|
.delete {
|
|
|
|
|
border-left: 1px solid #979797;
|
|
|
|
|
// border-left: 1px solid #979797;
|
|
|
|
|
border-right: 1px solid #979797;
|
|
|
|
|
padding: 0 9px 0 0;
|
|
|
|
|
margin: 0 9px 0 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// /deep/ .ant-table-row-cell-break-word {
|
|
|
|
|
@ -992,7 +1102,6 @@ export default {
|
|
|
|
|
padding: 10px 16px;
|
|
|
|
|
.ant-modal-title {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-modal-body {
|
|
|
|
|
@ -1024,14 +1133,14 @@ export default {
|
|
|
|
|
.detailWindow {
|
|
|
|
|
/deep/ .ant-modal {
|
|
|
|
|
.ant-modal-close-x {
|
|
|
|
|
height: 50px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
width: 50px;
|
|
|
|
|
line-height: 50px;
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
}
|
|
|
|
|
.ant-modal-header {
|
|
|
|
|
padding: 14px;
|
|
|
|
|
// padding: 12px;
|
|
|
|
|
text-align: left;
|
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
|
// background-color: #f5f5f5;
|
|
|
|
|
}
|
|
|
|
|
.ant-modal-body {
|
|
|
|
|
padding-left: 100px;
|
|
|
|
|
@ -1104,4 +1213,6 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.changeGroup {
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
