02/19
张同海
9 months ago
parent
482b8347ed
commit
f136fc5c49
@ -0,0 +1,56 @@
|
||||
// @ts-ignore
|
||||
import { DataResult, PageRequest } from '../model/baseModel'
|
||||
import { request } from '/@/utils/request'
|
||||
|
||||
enum Api {
|
||||
list = '/adminApi/Tenant/GetTenantList',
|
||||
GetTenantPermission = '/adminApi/Tenant/GetTenantPermission',
|
||||
GetTenantInfo = '/adminApi/Tenant/GetTenantInfo',
|
||||
UpdateTenantPermission = '/adminApi/Tenant/UpdateTenantPermission',
|
||||
|
||||
editUser = '/adminApi/User/EditUser',
|
||||
getUser = '/adminApi/User/GetUserInfo',
|
||||
|
||||
}
|
||||
export function GetTenantList(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.list,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
export function getPermission(query: { id: string }) {
|
||||
return request<DataResult>({
|
||||
url: Api.GetTenantPermission,
|
||||
method: 'get',
|
||||
params: query,
|
||||
})
|
||||
}
|
||||
export function getInfo(query: { id: string }) {
|
||||
return request<DataResult>({
|
||||
url: Api.GetTenantInfo,
|
||||
method: 'get',
|
||||
params: query,
|
||||
})
|
||||
}
|
||||
export function UpdatePermission(data: any) {
|
||||
return request<DataResult>({
|
||||
url: Api.UpdateTenantPermission,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
export function editUser(data: any) {
|
||||
return request<DataResult>({
|
||||
url: Api.editUser,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
export function getUser(query: { id: string }) {
|
||||
return request<DataResult>({
|
||||
url: Api.getUser,
|
||||
method: 'get',
|
||||
params: query,
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,136 @@
|
||||
<template> <BasicForm @register="registerForm" /> </template>
|
||||
<script lang="ts" setup>
|
||||
import { defineComponent, ref, watch, onMounted } from 'vue'
|
||||
import { BasicForm, useForm } from '/@/components/Form/index'
|
||||
// import { authorization } from './columns'
|
||||
import { useMessage } from '/@/hooks/web/useMessage'
|
||||
import { propTypes } from '/@/utils/propTypes'
|
||||
const { notification, createConfirm, createMessage } = useMessage()
|
||||
// 声明Emits
|
||||
const emit = defineEmits(['next', 'prev'])
|
||||
const props = defineProps({
|
||||
checkedKeys: propTypes.array,
|
||||
ApiData: propTypes.object,
|
||||
})
|
||||
watch(
|
||||
() => props.ApiData,
|
||||
() => {
|
||||
initData()
|
||||
},
|
||||
{ deep: true },
|
||||
)
|
||||
async function initData() {
|
||||
let Rdata = {
|
||||
authUserNum: props.ApiData.authUserNum,
|
||||
}
|
||||
props.ApiData.permissionAuthList.forEach((item) => {
|
||||
Rdata[`${item.permissionId}--authNum`] = item.authNum
|
||||
})
|
||||
console.log(Rdata, 111)
|
||||
|
||||
setFieldsValue(Rdata)
|
||||
// setFieldsValue(props.ShowData)
|
||||
}
|
||||
const isUpdate = ref(true)
|
||||
const loading = ref(false)
|
||||
const rowId = ref('')
|
||||
const authorization = ref([
|
||||
// {
|
||||
// field: 'divider-selects',
|
||||
// component: 'Divider',
|
||||
// label: '系统授权用户数',
|
||||
// colProps: { span: 24 },
|
||||
// },
|
||||
// {
|
||||
// field: 'authUserNum',
|
||||
// label: '租户授权用户数',
|
||||
// component: 'InputNumber',
|
||||
// labelWidth: '200px',
|
||||
// componentProps: {
|
||||
// min: 0,
|
||||
// placeholder: '可登陆系统的最大用户数',
|
||||
// },
|
||||
// colProps: { span: 8 },
|
||||
// },
|
||||
])
|
||||
console.log(props.checkedKeys, 'props.checkedKeys')
|
||||
|
||||
// const ASD = () => {
|
||||
props.checkedKeys.forEach((item, index) => {
|
||||
if (index == 0) {
|
||||
authorization.value.push({
|
||||
field: 'divider-selects',
|
||||
component: 'Divider',
|
||||
label: '权限模块授权',
|
||||
colProps: { span: 24 },
|
||||
})
|
||||
}
|
||||
authorization.value.push({
|
||||
field: `${item.key}--authNum`,
|
||||
label: `${item.title} 授权数`,
|
||||
component: 'InputNumber',
|
||||
labelWidth: '200px',
|
||||
componentProps: {
|
||||
min: 0,
|
||||
},
|
||||
colProps: { span: 8 },
|
||||
})
|
||||
})
|
||||
authorization.value.push({
|
||||
field: 'divider-selects',
|
||||
component: 'Divider',
|
||||
label: '审批步骤',
|
||||
colProps: { span: 24 },
|
||||
})
|
||||
// }
|
||||
const [registerForm, { resetFields, setFieldsValue, validate, updateSchema }] = useForm({
|
||||
labelWidth: 100,
|
||||
schemas: authorization.value,
|
||||
resetButtonOptions: {
|
||||
text: '上一步',
|
||||
// onClick: handlePrev,
|
||||
},
|
||||
resetFunc: handlePrev,
|
||||
showResetButton: true,
|
||||
submitButtonOptions: {
|
||||
text: '下一步',
|
||||
},
|
||||
submitFunc: handleNext,
|
||||
})
|
||||
// watch(
|
||||
// () => props.checkedKeys,
|
||||
// (newData, oldData) => {
|
||||
// ASD()
|
||||
// console.log(newData, oldData, authorization.value)
|
||||
|
||||
// setProps({
|
||||
// labelWidth: 100,
|
||||
// schemas: authorization.value,
|
||||
// resetButtonOptions: {
|
||||
// text: '上一步',
|
||||
// onClick: handlePrev,
|
||||
// },
|
||||
// showResetButton: true,
|
||||
// submitButtonOptions: {
|
||||
// text: '下一步',
|
||||
// },
|
||||
// submitFunc: handleNext,
|
||||
// })
|
||||
// },
|
||||
// { deep: true },
|
||||
// )
|
||||
async function handlePrev() {
|
||||
emit('prev')
|
||||
}
|
||||
async function handleNext() {
|
||||
try {
|
||||
const values = await validate()
|
||||
emit('next', values)
|
||||
} catch (error) {}
|
||||
}
|
||||
onMounted(() => {
|
||||
initData()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="less"></style>
|
||||
@ -0,0 +1,128 @@
|
||||
<template>
|
||||
<div class="m-4 mr-0 overflow-hidden bg-white">
|
||||
<BasicTree
|
||||
ref="treeRef"
|
||||
title="所拥有的的权限"
|
||||
:treeData="treeData"
|
||||
:checkable="true"
|
||||
:checkedKeys="checkedKeys"
|
||||
:selectedKeys="selectedKeys"
|
||||
defaultExpandAll
|
||||
@check="onCheck"
|
||||
/>
|
||||
</div>
|
||||
<BasicForm @register="registerForm" />
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { defineComponent, onMounted, ref, unref } from 'vue'
|
||||
import { BasicForm, useForm } from '/@/components/Form/index'
|
||||
import { permissionFormSchema } from './columns'
|
||||
import { getTenantAuditInfo, auditInfo } from './api'
|
||||
import { useMessage } from '/@/hooks/web/useMessage'
|
||||
import { BasicTree, TreeItem } from '/@/components/Tree'
|
||||
import { getClientPermissionTreeList } from './api'
|
||||
import { propTypes } from '/@/utils/propTypes'
|
||||
//树的信息
|
||||
const treeData = ref<TreeItem[]>([])
|
||||
//树的全部节点信息
|
||||
const allTreeKeys = ref([])
|
||||
//树的选择节点信息
|
||||
const checkedKeys = ref([])
|
||||
const WebcheckedKeys = ref([])
|
||||
const defaultCheckedKeys = ref([])
|
||||
//树的选中的节点信息
|
||||
const selectedKeys = ref([])
|
||||
const roleId = ref('')
|
||||
//树的实例
|
||||
const treeRef = ref(null)
|
||||
const loading = ref(false)
|
||||
const { notification, createConfirm, createMessage } = useMessage()
|
||||
// 声明Emits
|
||||
const emit = defineEmits(['next', 'prev', 'permission'])
|
||||
const props = defineProps({
|
||||
ApiData: propTypes.object,
|
||||
})
|
||||
const [registerForm, { resetFields, setFieldsValue, validate, updateSchema }] = useForm({
|
||||
labelWidth: 100,
|
||||
schemas: permissionFormSchema,
|
||||
|
||||
showResetButton: false,
|
||||
submitButtonOptions: {
|
||||
text: '下一步',
|
||||
},
|
||||
submitFunc: handleNext,
|
||||
})
|
||||
|
||||
async function handleNext() {
|
||||
console.log('permission', checkedKeys.value)
|
||||
let Rdata = []
|
||||
treeData.value.forEach((item) => {
|
||||
console.log(item)
|
||||
item.children.forEach((item2) => {
|
||||
console.log(item2)
|
||||
checkedKeys.value.forEach((e) => {
|
||||
console.log(e)
|
||||
if (e == item2.key) {
|
||||
Rdata.push(item2)
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
emit('next', {
|
||||
WebcheckedKeys: WebcheckedKeys.value,
|
||||
checkedKeys: Rdata,
|
||||
})
|
||||
}
|
||||
async function fetch() {
|
||||
reset()
|
||||
//初始化数据
|
||||
const res = await getClientPermissionTreeList()
|
||||
treeData.value = res.data
|
||||
initData()
|
||||
// allTreeKeys.value = res.data.ids
|
||||
// treeData.value = data
|
||||
}
|
||||
async function initData() {
|
||||
console.log(props.ApiData)
|
||||
let Arr = []
|
||||
props.ApiData.forEach((item) => {
|
||||
Arr.push(item.key)
|
||||
})
|
||||
// setFieldsValue({
|
||||
// ...props.ShowData,
|
||||
// ...props.ApiData.auditInfo,
|
||||
// })
|
||||
checkedKeys.value = Arr
|
||||
}
|
||||
|
||||
/**
|
||||
* 数据重置
|
||||
*/
|
||||
function reset() {
|
||||
treeData.value = []
|
||||
allTreeKeys.value = []
|
||||
checkedKeys.value = []
|
||||
defaultCheckedKeys.value = []
|
||||
selectedKeys.value = []
|
||||
// roleId.value = ''
|
||||
}
|
||||
|
||||
/**
|
||||
* 点击选中
|
||||
*/
|
||||
function onCheck(o, info) {
|
||||
console.log(o, info)
|
||||
|
||||
checkedKeys.value = o.checked ? o.checked : o
|
||||
WebcheckedKeys.value = o.concat(info.halfCheckedKeys)
|
||||
console.log(WebcheckedKeys.value, checkedKeys.value)
|
||||
|
||||
// checkedKeys.value = o.concat(info.halfCheckedKeys)
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
fetch()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="less"></style>
|
||||
@ -0,0 +1,236 @@
|
||||
<template>
|
||||
<BasicModal
|
||||
v-bind="$attrs"
|
||||
@register="registerModal"
|
||||
:useWrapper="true"
|
||||
:title="getTitle"
|
||||
width="80%"
|
||||
>
|
||||
<!-- @ok="handleSave" -->
|
||||
<div class="step-form-form">
|
||||
<a-steps :current="current">
|
||||
<a-step title="权限模块" />
|
||||
<a-step title="授权信息" />
|
||||
<!-- <a-step title="完成" /> -->
|
||||
</a-steps>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<PermissionSetStep
|
||||
@prev="handleStepPrev"
|
||||
@next="handleStep2Next"
|
||||
v-show="current === 0"
|
||||
v-if="state.initSetp1"
|
||||
:ApiData="checkedKeys"
|
||||
/>
|
||||
<Authorization
|
||||
@prev="handleStepPrev"
|
||||
@next="handleStep3Next"
|
||||
v-show="current === 1"
|
||||
v-if="state.initSetp2"
|
||||
:checkedKeys="checkedKeys"
|
||||
:ApiData="ApiData"
|
||||
/>
|
||||
</div>
|
||||
<!--右下角按钮-->
|
||||
<template #footer>
|
||||
<a-button
|
||||
@click="closeModal"
|
||||
preIcon="ant-design:close-outlined"
|
||||
type="warning"
|
||||
:loading="loading"
|
||||
ghost
|
||||
style="margin-right: 0.8rem"
|
||||
>取消
|
||||
</a-button>
|
||||
</template>
|
||||
</BasicModal>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { ref, computed, unref, h, reactive, onMounted } from 'vue'
|
||||
import { BasicModal, useModalInner } from '/@/components/Modal'
|
||||
import { useMessage } from '/@/hooks/web/useMessage'
|
||||
import PermissionSetStep from './PermissionSetStep.vue'
|
||||
import Authorization from './Authorization.vue'
|
||||
import { RejectTenantApply } from './api'
|
||||
import { getPermission, getInfo } from '/@/api/system/tenant'
|
||||
import { useUserStore } from '/@/store/modules/user'
|
||||
import { UpdatePermission } from '/@/api/system/tenant'
|
||||
const userStore = useUserStore()
|
||||
onMounted(() => {
|
||||
// 记录当前的tenantId
|
||||
tenantId.value = userStore.getUserInfo?.tenantId
|
||||
console.log('Mounted', userStore.getUserInfo)
|
||||
})
|
||||
const tenantId = ref('')
|
||||
const { notification, createConfirm, createMessage } = useMessage()
|
||||
// 声明Emits
|
||||
const emit = defineEmits(['success', 'register'])
|
||||
const isUpdate = ref(true)
|
||||
const loading = ref(false)
|
||||
// const rowId = ref('')
|
||||
const current = ref(0)
|
||||
const applyId = ref('')
|
||||
const state = reactive({
|
||||
initSetp1: true,
|
||||
initSetp2: false,
|
||||
initSetp3: false,
|
||||
initSetp4: false,
|
||||
})
|
||||
const checkedKeys = ref([])
|
||||
const ApiData = reactive({
|
||||
tenantId: 0,
|
||||
permissionIds: [],
|
||||
permissionAuthList: [],
|
||||
})
|
||||
const ShowData = reactive({
|
||||
address: '',
|
||||
adminUserCode: '',
|
||||
auditNote: '',
|
||||
auditStatus: '',
|
||||
auditTime: '',
|
||||
chief: '',
|
||||
contractBeginDate: '',
|
||||
contractEndDate: '',
|
||||
email: '',
|
||||
id: '',
|
||||
name: '',
|
||||
phone: '',
|
||||
pinYinCode: '',
|
||||
taxNo: '',
|
||||
tel: '',
|
||||
})
|
||||
async function initData() {
|
||||
console.log('initData')
|
||||
|
||||
const res: API.DataResult = await getInfo({ id: applyId.value })
|
||||
if (res.succeeded) {
|
||||
ShowData.address = res.data.address
|
||||
ShowData.adminUserCode = res.data.adminUserCode
|
||||
ShowData.auditNote = res.data.auditNote
|
||||
ShowData.auditStatus = res.data.auditStatus
|
||||
ShowData.auditTime = res.data.auditTime
|
||||
ShowData.chief = res.data.chief
|
||||
ShowData.contractBeginDate = res.data.contractBeginDate
|
||||
ShowData.contractEndDate = res.data.contractEndDate
|
||||
ShowData.email = res.data.email
|
||||
ShowData.id = res.data.id
|
||||
ShowData.name = res.data.name
|
||||
ShowData.phone = res.data.phone
|
||||
ShowData.pinYinCode = res.data.pinYinCode
|
||||
ShowData.taxNo = res.data.taxNo
|
||||
ShowData.tel = res.data.tel
|
||||
}
|
||||
console.log(tenantId)
|
||||
|
||||
const res2: API.DataResult = await getPermission({ id: tenantId.value })
|
||||
if (res2.succeeded) {
|
||||
console.log(res2)
|
||||
}
|
||||
}
|
||||
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
|
||||
console.log('closeModal')
|
||||
ApiData.tenantId = tenantId.value
|
||||
ApiData.permissionIds = []
|
||||
ApiData.permissionAuthList = []
|
||||
|
||||
checkedKeys.value = []
|
||||
current.value = 0
|
||||
state.initSetp1 = true
|
||||
state.initSetp2 = false
|
||||
state.initSetp3 = false
|
||||
state.initSetp4 = false
|
||||
setModalProps({ confirmLoading: false, loading: true })
|
||||
console.log(!!data?.isUpdate, data)
|
||||
|
||||
isUpdate.value = !!data?.isUpdate
|
||||
console.log(unref(isUpdate), 'unref(isUpdate)')
|
||||
|
||||
if (unref(isUpdate)) {
|
||||
applyId.value = data.record.id
|
||||
}
|
||||
initData()
|
||||
setModalProps({ loading: false })
|
||||
})
|
||||
|
||||
function handleStepPrev(stepValues) {
|
||||
current.value--
|
||||
console.log(current.value)
|
||||
|
||||
if (current.value == 0) {
|
||||
state.initSetp1 = true
|
||||
state.initSetp2 = false
|
||||
state.initSetp3 = false
|
||||
state.initSetp4 = false
|
||||
} else if (current.value == 1) {
|
||||
state.initSetp1 = false
|
||||
state.initSetp2 = true
|
||||
state.initSetp3 = false
|
||||
state.initSetp4 = false
|
||||
} else if (current.value == 2) {
|
||||
state.initSetp1 = false
|
||||
state.initSetp2 = false
|
||||
state.initSetp3 = true
|
||||
state.initSetp4 = false
|
||||
} else if (current.value == 3) {
|
||||
state.initSetp1 = false
|
||||
state.initSetp2 = false
|
||||
state.initSetp3 = false
|
||||
state.initSetp4 = true
|
||||
}
|
||||
}
|
||||
|
||||
function handleStep2Next(step2Values: any) {
|
||||
current.value++
|
||||
state.initSetp1 = false
|
||||
state.initSetp2 = true
|
||||
ApiData.permissionIds = step2Values.WebcheckedKeys
|
||||
checkedKeys.value = step2Values.checkedKeys
|
||||
}
|
||||
async function handleStep3Next(step3Values: any) {
|
||||
console.log(step3Values)
|
||||
ApiData.permissionAuthList = []
|
||||
Object.keys(step3Values).forEach((item) => {
|
||||
let ArrItem = item.split('--')
|
||||
if (ArrItem.length == 2) {
|
||||
ApiData.permissionAuthList.push({
|
||||
permissionId: ArrItem[0],
|
||||
authNum: step3Values[item],
|
||||
})
|
||||
}
|
||||
})
|
||||
console.log(ApiData)
|
||||
const res: API.DataResult = await UpdatePermission(ApiData)
|
||||
if (res.succeeded) {
|
||||
current.value = 0
|
||||
state.initSetp1 = true
|
||||
state.initSetp2 = false
|
||||
closeModal()
|
||||
ApiData.tenantId = 0
|
||||
ApiData.permissionIds = []
|
||||
ApiData.permissionAuthList = []
|
||||
}
|
||||
}
|
||||
// async function handleStep4Next(step4Values: any) {
|
||||
// console.log(step4Values)
|
||||
// ApiData.dbInfo = {
|
||||
// dbType: step4Values.dbType,
|
||||
// connection: step4Values.connection,
|
||||
// }
|
||||
// const res: API.DataResult = await TenantApplyAudit(ApiData)
|
||||
// if (res.succeeded) {
|
||||
// current.value = 0
|
||||
// state.initSetp1 = true
|
||||
// state.initSetp2 = false
|
||||
// state.initSetp3 = false
|
||||
// state.initSetp4 = false
|
||||
// closeModal()
|
||||
// ApiData.auditInfo = {}
|
||||
// ApiData.authUserNum = ''
|
||||
// ApiData.permissionIds = []
|
||||
// ApiData.permissionAuthList = []
|
||||
// ApiData.dbInfo = {}
|
||||
// }
|
||||
// }
|
||||
|
||||
const getTitle = computed(() => (!unref(isUpdate) ? '' : '企业用户审批'))
|
||||
</script>
|
||||
@ -0,0 +1,56 @@
|
||||
// @ts-ignore
|
||||
import { request } from '/@/utils/request'
|
||||
import { DataResult, PageRequest } from '/@/api/model/baseModel'
|
||||
enum Api {
|
||||
list = '/adminApi/TenantApply/GetTenantApplyList',
|
||||
getTenantAuditInfo = '/adminApi/TenantApply/GetTenantAuditInfo',
|
||||
auditInfo = '/adminApi/TenantApply/AuditTenantApply',
|
||||
getClientPermissionTreeList = '/adminApi/Common/GetClientPermissionTreeList',
|
||||
RejectTenantApply = '/adminApi/TenantApply/RejectTenantApply',
|
||||
TenantApplyAudit = '/adminApi/TenantApply/TenantApplyAudit',
|
||||
}
|
||||
export function getTenantApplyList(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.list,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
|
||||
export function getTenantAuditInfo(query: { id: string }) {
|
||||
return request<DataResult>({
|
||||
url: Api.getTenantAuditInfo,
|
||||
method: 'get',
|
||||
params: query,
|
||||
})
|
||||
}
|
||||
|
||||
export function auditInfo(data: any) {
|
||||
return request<DataResult>({
|
||||
url: Api.auditInfo,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
export function getClientPermissionTreeList() {
|
||||
return request<DataResult>({
|
||||
url: Api.getClientPermissionTreeList,
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
// 企业用户审批-驳回 (Auth)
|
||||
export function RejectTenantApply(data: any) {
|
||||
return request<DataResult>({
|
||||
url: Api.RejectTenantApply,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 企业用户审批-审核通过 (Auth)
|
||||
export function TenantApplyAudit(data: any) {
|
||||
return request<DataResult>({
|
||||
url: Api.TenantApplyAudit,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,263 @@
|
||||
// import { filterDictTextByCache } from '/@/utils/dictUtil'
|
||||
import { BasicColumn, FormSchema } from '/@/components/Table'
|
||||
// import { getDictDropDown } from '/@/api/common/index';
|
||||
import { getRoleList } from '/@/api/common'
|
||||
import { Tag } from 'ant-design-vue'
|
||||
export const columns: BasicColumn[] = [
|
||||
{
|
||||
title: '公司名称',
|
||||
dataIndex: 'name',
|
||||
width: 100,
|
||||
},
|
||||
{
|
||||
title: '助记码',
|
||||
dataIndex: 'pinYinCode',
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
title: '公司地址',
|
||||
dataIndex: 'address',
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
title: '租户管理员手机',
|
||||
dataIndex: 'phone',
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: '公司电话',
|
||||
dataIndex: 'tel',
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: '邮箱',
|
||||
dataIndex: 'email',
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: '企业法人',
|
||||
dataIndex: 'chief',
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: '企业税号',
|
||||
dataIndex: 'taxNo',
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: '租户类型',
|
||||
dataIndex: 'tenantType',
|
||||
width: 200,
|
||||
customRender: ({ text }) => {
|
||||
if (text === 1) {
|
||||
return <Tag color="success">系统租户</Tag>
|
||||
} else if (text === 0) {
|
||||
return <Tag color="blue">普通租户</Tag>
|
||||
}
|
||||
return text
|
||||
},
|
||||
},
|
||||
// {
|
||||
// title: '性别',
|
||||
// dataIndex: 'sex',
|
||||
// width: 200,
|
||||
// customRender: ({ text }) => {
|
||||
// if (text === 1) {
|
||||
// return <Tag color="success">男</Tag>
|
||||
// } else if (text === 2) {
|
||||
// return <Tag color="blue">女</Tag>
|
||||
// }
|
||||
// return text
|
||||
// },
|
||||
// },
|
||||
|
||||
]
|
||||
export const permissionFormSchema: FormSchema[] = [
|
||||
{
|
||||
field: 'divider-selects',
|
||||
component: 'Divider',
|
||||
label: '审批步骤',
|
||||
colProps: { span: 24 },
|
||||
},
|
||||
{
|
||||
label: '',
|
||||
field: 'id',
|
||||
component: 'Input',
|
||||
defaultValue: '',
|
||||
show: false,
|
||||
},
|
||||
]
|
||||
export const searchFormSchema: FormSchema[] = [
|
||||
{
|
||||
field: 'UserName',
|
||||
label: '用户名称',
|
||||
component: 'Input',
|
||||
colProps: { span: 8 },
|
||||
},
|
||||
{
|
||||
field: 'UserCode',
|
||||
label: '用户唯一编码',
|
||||
component: 'Input',
|
||||
colProps: { span: 8 },
|
||||
},
|
||||
]
|
||||
export const formSchema: FormSchema[] = [
|
||||
{
|
||||
field: 'divider-selects',
|
||||
component: 'Divider',
|
||||
label: '基本用户信息',
|
||||
colProps: {
|
||||
span: 24,
|
||||
},
|
||||
},
|
||||
{
|
||||
label: '',
|
||||
field: 'id',
|
||||
component: 'Input',
|
||||
defaultValue: '',
|
||||
show: false,
|
||||
},
|
||||
{
|
||||
label: '',
|
||||
field: 'permissionIdentity',
|
||||
component: 'Input',
|
||||
defaultValue: '',
|
||||
show: false,
|
||||
},
|
||||
{
|
||||
field: 'userCode',
|
||||
label: '用户唯一码',
|
||||
component: 'Input',
|
||||
required: true,
|
||||
colProps: { span: 12 },
|
||||
dynamicDisabled: ({ values }) => {
|
||||
return !!values.id
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'sex',
|
||||
component: 'RadioButtonGroup',
|
||||
label: '性别',
|
||||
required: true,
|
||||
componentProps: {
|
||||
options: [
|
||||
{ label: '男', value: 1 },
|
||||
{ label: '女', value: 2 },
|
||||
],
|
||||
},
|
||||
defaultValue: 1,
|
||||
colProps: {
|
||||
span: 8,
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'userName',
|
||||
label: '用户名称',
|
||||
component: 'Input',
|
||||
required: true,
|
||||
colProps: { span: 12 },
|
||||
},
|
||||
{
|
||||
field: 'userType',
|
||||
label: '用户类型',
|
||||
component: 'RadioButtonGroup',
|
||||
required: true,
|
||||
colProps: {
|
||||
span: 12,
|
||||
},
|
||||
defaultValue: 2,
|
||||
componentProps: {
|
||||
options: [
|
||||
// { label: '超级管理员', value: 0, disabled: true },
|
||||
{ label: '管理员', value: 1 },
|
||||
{ label: '普通用户', value: 2 },
|
||||
],
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'pinYinCode',
|
||||
label: '助记码',
|
||||
component: 'Input',
|
||||
colProps: { span: 12 },
|
||||
dynamicDisabled: () => {
|
||||
return true
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'password',
|
||||
label: '密码',
|
||||
component: 'Input',
|
||||
colProps: { span: 12 },
|
||||
defaultValue: '0000',
|
||||
dynamicDisabled: () => {
|
||||
return true
|
||||
},
|
||||
itemProps: {
|
||||
extra: '请及时重置初始密码!',
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'birthday',
|
||||
label: '出生日期',
|
||||
component: 'DatePicker',
|
||||
// required: true,
|
||||
colProps: {
|
||||
span: 12,
|
||||
},
|
||||
componentProps: {},
|
||||
},
|
||||
{
|
||||
field: 'nickName',
|
||||
label: '用户昵称',
|
||||
component: 'Input',
|
||||
required: true,
|
||||
colProps: { span: 12 },
|
||||
},
|
||||
{
|
||||
field: 'phone',
|
||||
label: '手机号',
|
||||
component: 'Input',
|
||||
colProps: { span: 12 },
|
||||
},
|
||||
{
|
||||
field: 'email',
|
||||
label: '邮箱',
|
||||
component: 'Input',
|
||||
colProps: { span: 12 },
|
||||
},
|
||||
{
|
||||
field: 'duty',
|
||||
label: '职位',
|
||||
component: 'Input',
|
||||
colProps: { span: 12 },
|
||||
},
|
||||
{
|
||||
field: 'note',
|
||||
label: '备注',
|
||||
component: 'InputTextArea',
|
||||
colProps: { span: 24 },
|
||||
// ifShow: ({ values }) => !isButton(values.menuType),
|
||||
},
|
||||
{
|
||||
field: 'divider-selects',
|
||||
component: 'Divider',
|
||||
label: '附属信息',
|
||||
componentProps: {},
|
||||
colProps: {
|
||||
span: 24,
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'roleIds',
|
||||
label: '所属角色',
|
||||
component: 'ApiSelect',
|
||||
// required: true,
|
||||
defaultValue: [],
|
||||
colProps: { span: 12 },
|
||||
componentProps: {
|
||||
// mode: 'multiple',
|
||||
api: getRoleList,
|
||||
resultField: 'data',
|
||||
},
|
||||
},
|
||||
]
|
||||
@ -0,0 +1,121 @@
|
||||
<template>
|
||||
<div>
|
||||
<BasicTable @register="registerTable">
|
||||
<template #toolbar>
|
||||
<a-button type="primary" @click="handleCreate"> 新增租户 </a-button>
|
||||
</template>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'userName'">
|
||||
<span style="color: #0d84ff" @click="handleEdit(record)">{{ record.userName }}</span>
|
||||
</template>
|
||||
<template v-if="column.key === 'action'">
|
||||
<TableAction
|
||||
:actions="[
|
||||
{
|
||||
icon: 'ant-design:solution-outlined',
|
||||
tooltip: '授权',
|
||||
onClick: handleEdit.bind(null, record),
|
||||
},
|
||||
]"
|
||||
/>
|
||||
</template>
|
||||
</template>
|
||||
</BasicTable>
|
||||
<UserModal @register="registerModal" @success="handleSuccess" />
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { defineComponent, onMounted, ref } from 'vue'
|
||||
import { BasicTable, useTable, TableAction } from '/@/components/Table'
|
||||
import { GetTenantList } from '/@/api/system/tenant'
|
||||
import { useModal } from '/@/components/Modal'
|
||||
import UserModal from './UserModal.vue'
|
||||
import { columns, searchFormSchema } from './columns'
|
||||
const dictOptions = ref<any[]>([])
|
||||
const [registerModal, { openModal }] = useModal()
|
||||
const [registerPermissionModal, { openModal: openPermissionModal }] = useModal()
|
||||
const [registerTable, { reload, getForm, getPaginationRef }] = useTable({
|
||||
title: '租户列表',
|
||||
// api: getSysDictTypeList,
|
||||
api: async (p) => {
|
||||
const res: API.DataResult = await GetTenantList(p)
|
||||
// console.log(items);
|
||||
return new Promise((resolve) => {
|
||||
resolve({ data: [...res.data], total: res.count })
|
||||
})
|
||||
},
|
||||
beforeFetch: () => {
|
||||
var currentPageInfo: any = getPaginationRef()
|
||||
var data = getForm().getFieldsValue()
|
||||
const postParam: API.PageRequest = {
|
||||
queryCondition: '',
|
||||
pageCondition: {
|
||||
pageIndex: currentPageInfo.current,
|
||||
pageSize: currentPageInfo.pageSize,
|
||||
sortConditions: [],
|
||||
},
|
||||
}
|
||||
let condition: API.ConditionItem[] = []
|
||||
if (!!data.UserName) {
|
||||
condition.push({
|
||||
FieldName: 'UserName',
|
||||
FieldValue: data.UserName,
|
||||
ConditionalType: 1,
|
||||
})
|
||||
}
|
||||
if (!!data.UserCode) {
|
||||
condition.push({
|
||||
FieldName: 'UserCode',
|
||||
FieldValue: data.UserCode,
|
||||
ConditionalType: 1,
|
||||
})
|
||||
}
|
||||
postParam.queryCondition = JSON.stringify(condition)
|
||||
// console.log(postParam);
|
||||
return postParam
|
||||
},
|
||||
columns,
|
||||
formConfig: {
|
||||
labelWidth: 120,
|
||||
schemas: searchFormSchema,
|
||||
},
|
||||
isTreeTable: false,
|
||||
pagination: true,
|
||||
striped: true,
|
||||
useSearchForm: true,
|
||||
showTableSetting: true,
|
||||
bordered: true,
|
||||
showIndexColumn: true,
|
||||
canResize: false,
|
||||
actionColumn: {
|
||||
width: 80,
|
||||
title: '操作',
|
||||
dataIndex: 'action',
|
||||
fixed: undefined,
|
||||
},
|
||||
})
|
||||
|
||||
function handleCreate() {
|
||||
openModal(true, {
|
||||
isParent: false,
|
||||
isUpdate: false,
|
||||
})
|
||||
}
|
||||
|
||||
function handleEdit(record: Recordable) {
|
||||
openModal(true, {
|
||||
record,
|
||||
isUpdate: true,
|
||||
})
|
||||
}
|
||||
function handleDelete(record: Recordable) {
|
||||
console.log(record)
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
//初始化字典选项
|
||||
})
|
||||
function handleSuccess() {
|
||||
reload()
|
||||
}
|
||||
</script>
|
||||
Loading…
Reference in New Issue