| | |
| | | <template #query> |
| | | <QueryFilterItem> |
| | | <SearchInput |
| | | v-model="extraParamState.keyword" |
| | | v-model="extraParamState.queryCondition" |
| | | style="width: 200px" |
| | | placeholder="账号/姓名/手机号" |
| | | @on-click-search="getList" |
| | |
| | | </ProTableV2> |
| | | </AppContainer> |
| | | <AddOrEditAccountDialog v-bind="dialogProps" /> |
| | | <ResetPasswordDialog v-bind="resetPasswordDialogProps"></ResetPasswordDialog> |
| | | </LoadingLayout> |
| | | </template> |
| | | |
| | |
| | | useFormDialog, |
| | | defineOperationBtns, |
| | | } from '@bole-core/components'; |
| | | import * as userRoleServices from '@/services/api/UserRole'; |
| | | import * as accountServices from '@/services/api/Account'; |
| | | import { Message, OrderInputType } from '@bole-core/core'; |
| | | import AddOrEditAccountDialog from './components/AddOrEditAccountDialog.vue'; |
| | | import ResetPasswordDialog from './components/ResetPasswordDialog.vue'; |
| | | import { formatRoleName } from '@/utils'; |
| | | |
| | | defineOptions({ |
| | |
| | | const column: API.CustomModuleColumnDto[] = [ |
| | | { |
| | | id: '1', |
| | | enCode: 'changeFlag', |
| | | enCode: 'userName', |
| | | name: '账号', |
| | | }, |
| | | { |
| | |
| | | }, |
| | | { |
| | | id: '3', |
| | | enCode: 'idNumber', |
| | | enCode: 'phoneNumber', |
| | | name: '手机号', |
| | | }, |
| | | { |
| | | id: '4', |
| | | enCode: 'workType', |
| | | enCode: 'remark', |
| | | name: '备注', |
| | | }, |
| | | ]; |
| | |
| | | name: '重置密码', |
| | | }, |
| | | emits: { |
| | | onClick: (role) => handleResetPassword(), |
| | | onClick: (role) => openResetPasswordDialog(role), |
| | | }, |
| | | }, |
| | | ]); |
| | |
| | | reset, |
| | | } = useTable( |
| | | async ({ pageIndex, pageSize }, extraParamState) => { |
| | | // try { |
| | | // let params: API.QueryUserPageInput = { |
| | | // pageModel: { |
| | | // rows: pageSize, |
| | | // page: pageIndex, |
| | | // orderInput: extraParamState.orderInput, |
| | | // }, |
| | | // searchKey: extraParamState.keyword, |
| | | // }; |
| | | // let res = await userServices.getUserPage(params, { |
| | | // showLoading: !state.loading, |
| | | // }); |
| | | // return res; |
| | | // } catch (error) {} |
| | | try { |
| | | let params: API.GetBackClientUsersInput = { |
| | | pageModel: { |
| | | rows: pageSize, |
| | | page: pageIndex, |
| | | orderInput: extraParamState.orderInput, |
| | | }, |
| | | queryCondition: extraParamState.queryCondition, |
| | | }; |
| | | let res = await userRoleServices.getGovermentClientUsers(params, { |
| | | showLoading: !state.loading, |
| | | }); |
| | | return res; |
| | | } catch (error) {} |
| | | }, |
| | | { |
| | | defaultExtraParams: { |
| | | orderInput: [{ property: 'id', order: OrderInputType.Desc }], |
| | | keyword: '', |
| | | queryCondition: '', |
| | | }, |
| | | columnsRenderProps: {}, |
| | | } |
| | | ); |
| | | |
| | | function openDialog(row?: any) { |
| | | function openDialog(row?: API.UserDto) { |
| | | if (row) { |
| | | handleEdit({ |
| | | id: row.id, |
| | | userName: row.userName, |
| | | name: row.name, |
| | | phoneNumber: row.phoneNumber, |
| | | channel: row.channel, |
| | | password: '', |
| | | roleName: row.roleNames?.[0] ?? '', |
| | | remark: row.remark, |
| | | |
| | | isSendMessage: row?.isSendMessage ?? false, |
| | | sendClaimMessage: row?.sendClaimMessage ?? false, |
| | | sendBillExpireMessage: row?.sendBillExpireMessage ?? false, |
| | | }); |
| | | } else { |
| | | handleAdd(); |
| | |
| | | userName: '', |
| | | name: '', |
| | | phoneNumber: '', |
| | | channel: '', |
| | | password: '', |
| | | roleName: '', |
| | | remark: '', |
| | | |
| | | isSendMessage: false, |
| | | sendClaimMessage: false, |
| | | sendBillExpireMessage: false, |
| | | }, |
| | | }); |
| | | |
| | | async function handleAddOrEdit() { |
| | | // try { |
| | | // let isEdit = !!editForm.id; |
| | | // let params: API.CreateAccountInput = { |
| | | // name: editForm.name, |
| | | // userName: editForm.userName, |
| | | // remark: editForm.remark, |
| | | // password: editForm.password, |
| | | // phoneNumber: editForm.phoneNumber, |
| | | // channel: editForm.channel, |
| | | // // clientId: RoleClientType.RoleBackendClientId, |
| | | // roleNames: [editForm.roleName], |
| | | // }; |
| | | // let res; |
| | | // if (isEdit) { |
| | | // (params as API.UpdateAccountInput).id = editForm.id; |
| | | // res = await accountServices.updateAccount(params); |
| | | // } else { |
| | | // res = await accountServices.createAccount(params); |
| | | // } |
| | | // if (res) { |
| | | // Message.successMessage('操作成功'); |
| | | // getList(isEdit ? paginationState.pageIndex : 1); |
| | | // } |
| | | // } catch (error) {} |
| | | try { |
| | | let isEdit = !!editForm.id; |
| | | let params: API.CreateAccountInput = { |
| | | name: editForm.name, |
| | | userName: editForm.userName, |
| | | remark: editForm.remark, |
| | | phoneNumber: editForm.phoneNumber, |
| | | }; |
| | | let res; |
| | | if (isEdit) { |
| | | (params as API.UpdateGovermentClientUserInput).id = editForm.id; |
| | | res = await userRoleServices.updateGovermentClientUser(params); |
| | | } else { |
| | | (params as API.CreateGoverUserInput).password = editForm.password; |
| | | res = await userRoleServices.createGovermentClientUser(params); |
| | | } |
| | | if (res) { |
| | | Message.successMessage('操作成功'); |
| | | getList(isEdit ? paginationState.pageIndex : 1); |
| | | } |
| | | } catch (error) {} |
| | | } |
| | | |
| | | function handleResetPassword() {} |
| | | const { |
| | | dialogProps: resetPasswordDialogProps, |
| | | handleAdd: handleResetPasswordAdd, |
| | | editForm: resetPasswordEditForm, |
| | | } = useFormDialog({ |
| | | onConfirm: resetPassword, |
| | | defaultFormParams: { |
| | | userId: '', |
| | | password: '', |
| | | }, |
| | | }); |
| | | |
| | | function openResetPasswordDialog(row: API.UserDto) { |
| | | handleResetPasswordAdd({ |
| | | userId: row.id, |
| | | password: '', |
| | | }); |
| | | } |
| | | |
| | | async function resetPassword() { |
| | | try { |
| | | let params: API.ResetPasswordBaseInput = { |
| | | userId: resetPasswordEditForm.userId, |
| | | password: resetPasswordEditForm.password, |
| | | }; |
| | | let res = await accountServices.resetPassword(params); |
| | | if (res) { |
| | | Message.successMessage('操作成功'); |
| | | getList(paginationState.pageIndex); |
| | | } |
| | | } catch (error) {} |
| | | } |
| | | </script> |