|
|
|
|
@ -15,16 +15,16 @@
|
|
|
|
|
<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" 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" :openKeys.sync="openKeys" @click="handleClick" class mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100vh - 49px);overflow-x:hidden">
|
|
|
|
|
<a-menu :selectedKeys="selectedKeys" @click="getGroup" 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" @click="selectGroup(item)">
|
|
|
|
|
<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" @click.stop></i>
|
|
|
|
|
<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,idEdit = true,recordId = item.id]">修改名称</div>
|
|
|
|
|
<div @click="[addGroupShow = true,isEdit = true,recordId = item.id,groupName=item.teamName]">修改名称</div>
|
|
|
|
|
<div @click="delGroup(item)">删除</div>
|
|
|
|
|
<div>上移</div>
|
|
|
|
|
<div>下移</div>
|
|
|
|
|
@ -35,59 +35,129 @@
|
|
|
|
|
</a-menu>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rightContainer">
|
|
|
|
|
<div class="fsa pb14 bb1 mb16">
|
|
|
|
|
<div class="f20 fw500">分组1（16人）</div>
|
|
|
|
|
<div class="fsa pb14 bb1 mb24">
|
|
|
|
|
<div class="f20 fw500">{{modalTitle ? modalTitle : "分组1（16人）"}}</div>
|
|
|
|
|
<!-- <button class="addGroup" @click="addGroupShow = true">添加分组</button> -->
|
|
|
|
|
<a-button class="addmemeber f14" @click="showDetail('add')">
|
|
|
|
|
<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" -->
|
|
|
|
|
<a-table :columns="columns" :data-source="memberList" :pagination="false" @change="onChange" :loading="{spinning: isspinning,tip: '加载中',wrapperClassName: 'spinstyle',
|
|
|
|
|
}" :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">
|
|
|
|
|
<use xlink:href="#icon-chengyuan" />
|
|
|
|
|
</svg>
|
|
|
|
|
<svg class="svg_icon" v-if="record.agencyRole == 2" aria-hidden="true" style="width:32px">
|
|
|
|
|
<use xlink:href="#icon-guanliyuan" />
|
|
|
|
|
</svg>
|
|
|
|
|
<svg class="svg_icon" v-if="record.agencyRole == 1" aria-hidden="true" style="width:32px">
|
|
|
|
|
<use xlink:href="#icon-chuangjianren" />
|
|
|
|
|
</svg>
|
|
|
|
|
{{ record.aliasName || record.userName }}
|
|
|
|
|
<!-- <span>{{ record.tel?'（'+ record.tel + '）':'' }}</span> -->
|
|
|
|
|
</span>
|
|
|
|
|
<div slot="join">
|
|
|
|
|
<a-switch default-checked @change="onChange" />
|
|
|
|
|
<div v-if="modalTitle == ''">
|
|
|
|
|
<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">
|
|
|
|
|
<use xlink:href="#icon-chengyuan" />
|
|
|
|
|
</svg>
|
|
|
|
|
<svg class="svg_icon" v-if="record.agencyRole == 2" aria-hidden="true" style="width:32px">
|
|
|
|
|
<use xlink:href="#icon-guanliyuan" />
|
|
|
|
|
</svg>
|
|
|
|
|
<svg class="svg_icon" v-if="record.agencyRole == 1" aria-hidden="true" style="width:32px">
|
|
|
|
|
<use xlink:href="#icon-chuangjianren" />
|
|
|
|
|
</svg>
|
|
|
|
|
{{ record.aliasName || record.userName }}
|
|
|
|
|
<!-- <span>{{ record.tel?'（'+ record.tel + '）':'' }}</span> -->
|
|
|
|
|
</span>
|
|
|
|
|
<div slot="join">
|
|
|
|
|
<a-switch default-checked @change="onChange" />
|
|
|
|
|
</div>
|
|
|
|
|
<div slot="bigScreen">
|
|
|
|
|
<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 v-if="loginUserInfo.agencyRole != 3" class="delete" @click="showDetail('edit', record)">编辑</a>
|
|
|
|
|
<a v-if="loginUserInfo.agencyRole != 3" @click="deleteMemeber(record)">删除</a>
|
|
|
|
|
</div>
|
|
|
|
|
</a-table>
|
|
|
|
|
<div class="pagecontainer mt16">
|
|
|
|
|
<a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="8" :total="pagination.total" @change="onChange" />
|
|
|
|
|
<div class="ant-pagination-options-quick-jumper f14 ml12">
|
|
|
|
|
<span>共{{ pagination.total }}条，</span>跳至
|
|
|
|
|
<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" />页
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div slot="bigScreen">
|
|
|
|
|
<a-switch default-checked @change="onChange" />
|
|
|
|
|
</div>
|
|
|
|
|
<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="备注名">
|
|
|
|
|
<a-input placeholder="请输入备注名" v-decorator="[ 'aliasName', { rules: [{ required: true, message: '请输入备注名' }] }, ]" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item class="addItem" label="手机号">
|
|
|
|
|
<a-input placeholder="请输入手机号" v-decorator="['tel', {rules: [{ required: true, message: '请输入手机号' },{ type: 'regexp', validator: validateServiceName, message: '请输入正确的手机号', }, ], validateTrigger: 'submit',validateFirst:true }, ]" :max-length="11" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-divider />
|
|
|
|
|
<div class="fw500 mb16 f16">
|
|
|
|
|
<div class="por" style="width:404px">
|
|
|
|
|
角色
|
|
|
|
|
<div class="addRole">
|
|
|
|
|
<i class="iconfont icon-fangda ml12 c6 curp"></i>添加角色
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<a-form-item class="addItem">
|
|
|
|
|
<a-radio-group v-decorator="[
|
|
|
|
|
'agencyRole',
|
|
|
|
|
{ rules: [{ required: true, message: '请选择角色' }] },
|
|
|
|
|
]" :options="options" @change="groupChange" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-divider />
|
|
|
|
|
<div class="fw500 mb16 f16">成员分组</div>
|
|
|
|
|
<a-form-item>
|
|
|
|
|
<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>
|
|
|
|
|
<a-divider />
|
|
|
|
|
|
|
|
|
|
<a-row>
|
|
|
|
|
<div class="fw500 mb16 f16">权限</div>
|
|
|
|
|
<a-checkbox @change="onChange">参与统计</a-checkbox>
|
|
|
|
|
<a-checkbox @change="onChange">大屏显示</a-checkbox>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-divider />
|
|
|
|
|
<a-button key="back" @click="modalCancel">取消</a-button>
|
|
|
|
|
<a-button key="submit" class="ml16 mr16" type="primary" :loading="loading" @click="handleSubmit">保存</a-button>
|
|
|
|
|
</a-form>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="modalTitle == '成员详情'">
|
|
|
|
|
<div class="fw500 mb16 f16">成员基础信息</div>
|
|
|
|
|
<div style="margin-bottom:24px" class="f14 fss">
|
|
|
|
|
<div class="c6">备注名：</div>
|
|
|
|
|
<div>{{ currentMember.aliasName || currentMember.userName }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div slot="setting" v-if="!record.children" class="setting" slot-scope="text, record" style="color: #1890FF">
|
|
|
|
|
<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 style="margin-bottom:24px" class="f14 fss">
|
|
|
|
|
<div class="c6">手机号：</div>
|
|
|
|
|
<div>{{ currentMember.tel }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-table>
|
|
|
|
|
<div class="pagecontainer mt16">
|
|
|
|
|
<a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="8" :total="pagination.total" @change="onChange" />
|
|
|
|
|
<div class="ant-pagination-options-quick-jumper f14 ml12">
|
|
|
|
|
<span>共{{ pagination.total }}条，</span>跳至
|
|
|
|
|
<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" />页
|
|
|
|
|
<a-divider />
|
|
|
|
|
<div class="fw500 mb16 f16">角色</div>
|
|
|
|
|
<div style="margin-bottom:24px" class="f14">
|
|
|
|
|
<div>{{ currentMember.role }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-divider />
|
|
|
|
|
<div class="fw500 mb16 f16">成员分组</div>
|
|
|
|
|
<div style="margin-bottom:24px" class="f14">
|
|
|
|
|
<div>{{ currentMember.agencyTeamName }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-divider />
|
|
|
|
|
<div class="fw500 mb16 f16">权限</div>
|
|
|
|
|
<div style="margin-bottom:24px" class="f14">
|
|
|
|
|
<div>{{ currentMember.permission }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-divider />
|
|
|
|
|
</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>
|
|
|
|
|
<!-- <button style="background-color: #fff; border-color: #d9d9d9" @click="modalCancel">取消</button>
|
|
|
|
|
<button style="background-color: #f40;color: #fff;border: none;margin-left: 16px;margin-right: 16px;" @click="handleSubmit">确定</button>-->
|
|
|
|
|
</template>
|
|
|
|
|
<template slot="footer" v-else>
|
|
|
|
|
<span></span>
|
|
|
|
|
@ -128,11 +198,11 @@
|
|
|
|
|
<div v-for="(item,index) in groupList" @click="choiceGroup(item)" class="groupSelectSub fsa" :key="index">
|
|
|
|
|
<div>{{item.teamName}}</div>
|
|
|
|
|
<div>
|
|
|
|
|
<span @click="[addGroupShow = true,idEdit = true,recordId = item.id]">修改</span>
|
|
|
|
|
<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,idEdit = 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>
|
|
|
|
|
@ -148,11 +218,14 @@
|
|
|
|
|
</a-row>
|
|
|
|
|
</a-form>
|
|
|
|
|
</template>
|
|
|
|
|
</a-modal>
|
|
|
|
|
<a-modal :title="idEdit?'编辑分组':'添加分组'" v-model="addGroupShow" centered id="demo" @cancel="addGroupShow = false" @ok="addMemberGroup" width="400px" destroyOnClose class="addGroupModal">
|
|
|
|
|
<a-input placeholder="请输入分组名" v-model="groupName"></a-input>
|
|
|
|
|
</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>
|
|
|
|
|
<template slot="footer">
|
|
|
|
|
<a-button key="back" @click="addGroupShow = false">取消</a-button>
|
|
|
|
|
<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>
|
|
|
|
|
@ -169,17 +242,7 @@
|
|
|
|
|
<script>
|
|
|
|
|
import { getMemberListApi, deleteMemberApi, addMemberApi, getMemberGroupApi, addMemberGroupApi, updateMemberGroupApi, delMemberGroupApi, updateMemberApi } from '../../api/userinfo'
|
|
|
|
|
import { formatDateYMD, getUserApplyOrderStatusById, getAgencyRoleTypeById, getAgencyPermissionNameById, getAgencyPermissionsByRole } from '../../utils/commonUtil'
|
|
|
|
|
const rowSelection = {
|
|
|
|
|
onChange: (selectedRowKeys, selectedRows) => {
|
|
|
|
|
console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)
|
|
|
|
|
},
|
|
|
|
|
onSelect: (record, selected, selectedRows) => {
|
|
|
|
|
console.log(record, selected, selectedRows)
|
|
|
|
|
},
|
|
|
|
|
onSelectAll: (selected, selectedRows, changeRows) => {
|
|
|
|
|
console.log(selected, selectedRows, changeRows)
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
// 组件名称
|
|
|
|
|
name: '',
|
|
|
|
|
@ -222,7 +285,7 @@ export default {
|
|
|
|
|
memberList: [],
|
|
|
|
|
visible: false,
|
|
|
|
|
currentMember: {},
|
|
|
|
|
modalTitle: '新建成员',
|
|
|
|
|
modalTitle: '',
|
|
|
|
|
options: [
|
|
|
|
|
// { label: "创建人", value: "1" },
|
|
|
|
|
{ label: '管理员', value: '2' },
|
|
|
|
|
@ -232,13 +295,12 @@ export default {
|
|
|
|
|
permission: 'job:list,apply:add,apply:list,apply:user,user:pwd,user:tel',
|
|
|
|
|
expandedRowKeys: [],
|
|
|
|
|
groupList: [],
|
|
|
|
|
rowSelection,
|
|
|
|
|
showGroup: false,
|
|
|
|
|
addGroupShow: false,
|
|
|
|
|
delGroupShow: false,
|
|
|
|
|
groupName: '', // 分组名称
|
|
|
|
|
loading: false,
|
|
|
|
|
idEdit: false,
|
|
|
|
|
isEdit: false, // 编辑分组名称的判断
|
|
|
|
|
selectedKeys: ['待分组'],
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
@ -267,11 +329,6 @@ export default {
|
|
|
|
|
scopedSlots: { customRender: 'nickName' },
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
width: 120,
|
|
|
|
|
onFilter: (value, record) => {
|
|
|
|
|
console.log(value)
|
|
|
|
|
console.log(record)
|
|
|
|
|
return record.aliasName.indexOf(value) === 0
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// title: '角色',
|
|
|
|
|
@ -285,7 +342,7 @@ export default {
|
|
|
|
|
dataIndex: 'agencyTeamId',
|
|
|
|
|
key: 'agencyTeamId',
|
|
|
|
|
// width: 100,
|
|
|
|
|
filters: this.groupList,
|
|
|
|
|
// filters: this.groupList,
|
|
|
|
|
customRender: (text, row, index) => {
|
|
|
|
|
let text1
|
|
|
|
|
this.groupList.forEach((item) => {
|
|
|
|
|
@ -375,6 +432,24 @@ export default {
|
|
|
|
|
this.getMemberList()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
/**
|
|
|
|
|
* 添加成员分组选择切换
|
|
|
|
|
*/
|
|
|
|
|
onGroupChange(e) {
|
|
|
|
|
console.log(e)
|
|
|
|
|
this.form.setFieldsValue({
|
|
|
|
|
agencyTeamId: e.teamName,
|
|
|
|
|
})
|
|
|
|
|
this.agencyTeamId = e.id
|
|
|
|
|
},
|
|
|
|
|
/**
|
|
|
|
|
* 分组列表选择
|
|
|
|
|
*
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
getGroup(e) {
|
|
|
|
|
console.log(e)
|
|
|
|
|
},
|
|
|
|
|
inputpageChange(e) {
|
|
|
|
|
const pagenumcount = this.pagination.total / this.pagination.pageSize
|
|
|
|
|
console.log(pagenumcount)
|
|
|
|
|
@ -410,7 +485,6 @@ export default {
|
|
|
|
|
this.pagination.total = data.data.recordCount
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
console.log(data)
|
|
|
|
|
} catch (error) {
|
|
|
|
|
console.log(error)
|
|
|
|
|
}
|
|
|
|
|
@ -439,7 +513,7 @@ export default {
|
|
|
|
|
if (that.groupName.trim == '') {
|
|
|
|
|
return
|
|
|
|
|
} else {
|
|
|
|
|
if (this.idEdit) {
|
|
|
|
|
if (this.isEdit) {
|
|
|
|
|
updateMemberGroupApi({ teamName: this.groupName, recordId: this.recordId }).then(({ data }) => {
|
|
|
|
|
console.log(data)
|
|
|
|
|
if (data.status == 200) {
|
|
|
|
|
@ -528,8 +602,8 @@ export default {
|
|
|
|
|
let that = this
|
|
|
|
|
if (type == 'edit') {
|
|
|
|
|
this.currentMember = e
|
|
|
|
|
this.modalTitle = '编辑'
|
|
|
|
|
this.visible = true
|
|
|
|
|
this.modalTitle = '编辑成员'
|
|
|
|
|
// this.visible = true
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
console.log(this.currentMember)
|
|
|
|
|
that.form.setFieldsValue({
|
|
|
|
|
@ -537,16 +611,16 @@ export default {
|
|
|
|
|
aliasName: this.currentMember.aliasName,
|
|
|
|
|
tel: this.currentMember.tel,
|
|
|
|
|
group: this.currentMember.group,
|
|
|
|
|
agencyTeamId: this.currentMember.agencyTeamName,
|
|
|
|
|
agencyTeamId: this.currentMember.agencyTeamId,
|
|
|
|
|
})
|
|
|
|
|
}, 200)
|
|
|
|
|
} else if (type == 'detail') {
|
|
|
|
|
this.currentMember = e
|
|
|
|
|
this.modalTitle = '成员详情'
|
|
|
|
|
this.visible = true
|
|
|
|
|
// this.visible = true
|
|
|
|
|
} else {
|
|
|
|
|
this.modalTitle = '新建成员'
|
|
|
|
|
this.visible = true
|
|
|
|
|
this.modalTitle = '添加成员'
|
|
|
|
|
// this.visible = true
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
console.log(123)
|
|
|
|
|
that.form.setFieldsValue({
|
|
|
|
|
@ -581,9 +655,10 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
modalCancel() {
|
|
|
|
|
// console.log(this);
|
|
|
|
|
this.visible = false
|
|
|
|
|
this.permission = getAgencyPermissionsByRole()
|
|
|
|
|
this.permissionName = getAgencyPermissionNameById(this.permission)
|
|
|
|
|
this.modalTitle = ''
|
|
|
|
|
// this.visible = false
|
|
|
|
|
// this.permission = getAgencyPermissionsByRole()
|
|
|
|
|
// this.permissionName = getAgencyPermissionNameById(this.permission)
|
|
|
|
|
},
|
|
|
|
|
handleSubmit() {
|
|
|
|
|
console.log('issubmit')
|
|
|
|
|
@ -591,7 +666,7 @@ export default {
|
|
|
|
|
this.form.validateFields(async (err) => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
if (err == null) {
|
|
|
|
|
if (this.modalTitle == '编辑') {
|
|
|
|
|
if (this.modalTitle == '编辑成员') {
|
|
|
|
|
try {
|
|
|
|
|
let { data } = await updateMemberApi({
|
|
|
|
|
...this.form.getFieldsValue(),
|
|
|
|
|
@ -605,6 +680,7 @@ export default {
|
|
|
|
|
this.visible = false
|
|
|
|
|
this.permission = getAgencyPermissionsByRole()
|
|
|
|
|
this.permissionName = getAgencyPermissionNameById(this.permission)
|
|
|
|
|
this.modalTitle = ''
|
|
|
|
|
this.getMemberList()
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.warning(data.msg)
|
|
|
|
|
@ -626,6 +702,7 @@ export default {
|
|
|
|
|
this.visible = false
|
|
|
|
|
this.permission = getAgencyPermissionsByRole(1)
|
|
|
|
|
this.permissionName = getAgencyPermissionNameById(this.permission)
|
|
|
|
|
this.modalTitle = ''
|
|
|
|
|
this.getMemberList()
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.warning(data.msg)
|
|
|
|
|
@ -775,10 +852,13 @@ export default {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
padding-bottom: 0px;
|
|
|
|
|
// overflow: hidden;
|
|
|
|
|
height: calc(100vh - 105px);
|
|
|
|
|
.leftContainer {
|
|
|
|
|
width: 260px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
/deep/ .searchbox {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
@ -792,10 +872,17 @@ export default {
|
|
|
|
|
width: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.thedot {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.showdot:hover .thedot {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.rightContainer {
|
|
|
|
|
flex: 1;
|
|
|
|
|
padding-left: 16px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
.addmemeber {
|
|
|
|
|
border: 0;
|
|
|
|
|
padding: 0 12px;
|
|
|
|
|
@ -808,6 +895,23 @@ export default {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.addRole {
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
color: #1890ff;
|
|
|
|
|
i {
|
|
|
|
|
// transform: translateY(4px);
|
|
|
|
|
margin-right: 4px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #1890ff;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.addItem {
|
|
|
|
|
width: 404px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-table-placeholder {
|
|
|
|
|
@ -881,11 +985,26 @@ export default {
|
|
|
|
|
// .addGroupModal {
|
|
|
|
|
/deep/ .ant-modal {
|
|
|
|
|
.ant-modal-header {
|
|
|
|
|
text-align: center;
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
// text-align: center;
|
|
|
|
|
// border-bottom: none;
|
|
|
|
|
height: 40px;
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
padding: 10px 16px;
|
|
|
|
|
.ant-modal-title{
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-modal-body {
|
|
|
|
|
min-height: 170px;
|
|
|
|
|
}
|
|
|
|
|
.ant-modal-close-x {
|
|
|
|
|
height: 40px;
|
|
|
|
|
width: 50px;
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
}
|
|
|
|
|
.ant-modal-footer {
|
|
|
|
|
border-top: none;
|
|
|
|
|
// border-top: none;
|
|
|
|
|
}
|
|
|
|
|
// .ant-btn:not(.ant-btn-primary):hover,
|
|
|
|
|
// .ant-btn:not(.ant-btn-primary):focus {
|
|
|
|
|
@ -899,7 +1018,7 @@ export default {
|
|
|
|
|
// &:hover {
|
|
|
|
|
// opacity: 0.8;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
// }
|
|
|
|
|
.detailWindow {
|
|
|
|
|
|
