Browse Source

👕 移除在registerGlobComp的ant重复注册项

- 38 vite启动报 Failed to load source map 错误
pull/43/head
WangJunZzz 4 years ago
committed by GitHub
parent
commit
84464442ad
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 2
      vben271/src/components/Table/src/hooks/useTableScroll.ts
  2. 11
      vben271/src/components/registerGlobComp.ts
  3. 4
      vben271/src/layouts/default/header/components/user-dropdown/ChangePassword.vue
  4. 94
      vben271/src/views/admin/roles/CreateAbpRole.vue
  5. 118
      vben271/src/views/admin/roles/EditAbpRole.vue
  6. 168
      vben271/src/views/admin/users/CreateAbpUser.vue
  7. 4
      vben271/src/views/admin/users/EditAbpUser.vue
  8. 7
      vben271/src/views/identityServers/apiResources/CreateApiResource.vue
  9. 145
      vben271/src/views/identityServers/apiResources/EditApiResources.vue
  10. 7
      vben271/src/views/identityServers/apiScopes/CreateApiScope.vue
  11. 4
      vben271/src/views/identityServers/apiScopes/EditApiScope.vue
  12. 4
      vben271/src/views/identityServers/clients/ClientUri.vue
  13. 4
      vben271/src/views/identityServers/clients/CreateClient.vue
  14. 4
      vben271/src/views/identityServers/clients/EditClientBasic.vue
  15. 4
      vben271/src/views/identityServers/clients/EditClientIdentityResource.vue
  16. 7
      vben271/src/views/identityServers/identityResources/CreateIdentityResource.vue
  17. 7
      vben271/src/views/identityServers/identityResources/EditIdentityResources.vue
  18. 6
      vben271/src/views/tenants/CreateTenant.vue
  19. 110
      vben271/src/views/tenants/EditConnectionString.vue
  20. 98
      vben271/src/views/tenants/EditTenant.vue

2
vben271/src/components/Table/src/hooks/useTableScroll.ts

@ -88,7 +88,7 @@ export function useTableScroll(
bodyEl!.style.height = 'unset';
if (!unref(getCanResize) || tableData.length === 0) return;
if (!unref(getCanResize) || !tableData || tableData.length === 0) return;
await nextTick();
//Add a delay to get the correct bottomIncludeBody paginationHeight footerHeight headerHeight

11
vben271/src/components/registerGlobComp.ts

@ -1,19 +1,10 @@
import type { App } from 'vue';
// import { Icon } from './Icon';
import { Button } from './Button';
import {
// Need
Button as AntButton,
Input,
Layout,
} from 'ant-design-vue';
const compList = [AntButton.Group];
const compList: any[] = [];
export function registerGlobComp(app: App) {
compList.forEach((comp) => {
app.component(comp.name || comp.displayName, comp);
});
app.use(Input).use(Button).use(Layout);
}

4
vben271/src/layouts/default/header/components/user-dropdown/ChangePassword.vue

@ -5,7 +5,7 @@
@register="register"
:canFullscreen="false"
@ok="submit"
minHeight="100"
:minHeight="100"
>
<BasicForm @register="registerForm" />
</BasicModal>
@ -78,7 +78,7 @@
await _userServiceProxy.changePassword(request as ChangePasswordInput);
changeOkLoading(false);
closeModal();
await resetFields();
await resetFields();
} catch (error) {
changeOkLoading(false);
}

94
vben271/src/views/admin/roles/CreateAbpRole.vue

@ -11,58 +11,58 @@
</template>
<script lang="ts">
import { defineComponent } from "vue";
import { BasicModal, useModalInner } from "/@/components/Modal";
import { BasicForm, useForm } from "/@/components/Form/index";
import { createFormSchema, createRoleAsync } from "/@/views/admin/roles/AbpRole";
import { useI18n } from "/@/hooks/web/useI18n";
import { defineComponent } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { createFormSchema, createRoleAsync } from '/@/views/admin/roles/AbpRole';
import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({
name: "CreateAbpRole",
components: {
BasicModal,
BasicForm
},
emits: ["reload"],
setup(_, { emit }) {
//
// defineEmit(['reload']);
// const ctx = useContext();
export default defineComponent({
name: 'CreateAbpRole',
components: {
BasicModal,
BasicForm,
},
emits: ['reload', 'register'],
setup(_, { emit }) {
//
// defineEmit(['reload']);
// const ctx = useContext();
const { t } = useI18n();
const [registerUserForm, { getFieldsValue, validate, resetFields }] = useForm({
labelWidth: 120,
schemas: createFormSchema,
showActionButtonGroup: false
});
const { t } = useI18n();
const [registerUserForm, { getFieldsValue, validate, resetFields }] = useForm({
labelWidth: 120,
schemas: createFormSchema,
showActionButtonGroup: false,
});
const [registerModal, { changeOkLoading, closeModal }] = useModalInner();
const [registerModal, { changeOkLoading, closeModal }] = useModalInner();
//
const submit = async () => {
try {
const request = getFieldsValue();
await createRoleAsync({ request, changeOkLoading, validate, closeModal });
await resetFields();
emit("reload");
} catch (error) {
changeOkLoading(false);
}
};
//
const submit = async () => {
try {
const request = getFieldsValue();
await createRoleAsync({ request, changeOkLoading, validate, closeModal });
await resetFields();
emit('reload');
} catch (error) {
changeOkLoading(false);
}
};
const cancel = () => {
resetFields();
closeModal();
};
return {
t,
registerModal,
registerUserForm,
submit,
cancel
};
}
});
const cancel = () => {
resetFields();
closeModal();
};
return {
t,
registerModal,
registerUserForm,
submit,
cancel,
};
},
});
</script>
<style lang="less" scoped></style>

118
vben271/src/views/admin/roles/EditAbpRole.vue

@ -10,70 +10,70 @@
</template>
<script lang="ts">
import { defineComponent } from "vue";
import { BasicModal, useModalInner } from "/@/components/Modal";
import { BasicForm, useForm } from "/@/components/Form/index";
import { editFormSchema, updateRoleAsync } from "/@/views/admin/roles/AbpRole";
import { useI18n } from "/@/hooks/web/useI18n";
import {
IdentityRoleDto,
UpdateRoleInput,
IdentityRoleUpdateDto
} from "/@/services/ServiceProxies";
import { defineComponent } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { editFormSchema, updateRoleAsync } from '/@/views/admin/roles/AbpRole';
import { useI18n } from '/@/hooks/web/useI18n';
import {
IdentityRoleDto,
UpdateRoleInput,
IdentityRoleUpdateDto,
} from '/@/services/ServiceProxies';
export default defineComponent({
name: "EditAbpRole",
components: {
BasicModal,
BasicForm
},
emits: ["reload"],
setup(_, { emit }) {
//
// defineEmit(['reload']);
// const ctx = useContext();
export default defineComponent({
name: 'EditAbpRole',
components: {
BasicModal,
BasicForm,
},
emits: ['reload', 'register'],
setup(_, { emit }) {
//
// defineEmit(['reload']);
// const ctx = useContext();
const { t } = useI18n();
const [registerUserForm, { getFieldsValue, validate, setFieldsValue }] = useForm({
labelWidth: 120,
schemas: editFormSchema,
showActionButtonGroup: false
});
let currentRoleInfo = new IdentityRoleDto();
const [registerModal, { changeOkLoading, closeModal }] = useModalInner((data) => {
currentRoleInfo = data.record;
setFieldsValue({
name: data.record.name,
isDefault: data.record.isDefault ? "1" : "0"
const { t } = useI18n();
const [registerUserForm, { getFieldsValue, validate, setFieldsValue }] = useForm({
labelWidth: 120,
schemas: editFormSchema,
showActionButtonGroup: false,
});
let currentRoleInfo = new IdentityRoleDto();
const [registerModal, { changeOkLoading, closeModal }] = useModalInner((data) => {
currentRoleInfo = data.record;
setFieldsValue({
name: data.record.name,
isDefault: data.record.isDefault ? '1' : '0',
});
});
});
//
const submit = async () => {
try {
const request = getFieldsValue();
let role = new UpdateRoleInput();
role.roleId = currentRoleInfo.id;
role.roleInfo = new IdentityRoleUpdateDto();
role.roleInfo.name = request.name;
role.roleInfo.isDefault = request.isDefault == 1;
role.roleInfo.isPublic = currentRoleInfo.isPublic;
role.roleInfo.concurrencyStamp = currentRoleInfo.concurrencyStamp;
await updateRoleAsync({ request: role, changeOkLoading, validate, closeModal });
emit("reload");
} catch (error) {
changeOkLoading(false);
}
};
//
const submit = async () => {
try {
const request = getFieldsValue();
let role = new UpdateRoleInput();
role.roleId = currentRoleInfo.id;
role.roleInfo = new IdentityRoleUpdateDto();
role.roleInfo.name = request.name;
role.roleInfo.isDefault = request.isDefault == 1;
role.roleInfo.isPublic = currentRoleInfo.isPublic;
role.roleInfo.concurrencyStamp = currentRoleInfo.concurrencyStamp;
await updateRoleAsync({ request: role, changeOkLoading, validate, closeModal });
emit('reload');
} catch (error) {
changeOkLoading(false);
}
};
return {
t,
registerModal,
registerUserForm,
submit
};
}
});
return {
t,
registerModal,
registerUserForm,
submit,
};
},
});
</script>
<style lang="less" scoped></style>

168
vben271/src/views/admin/users/CreateAbpUser.vue

@ -20,8 +20,12 @@
<a-checkbox-group v-model:value="defaultRolesRef">
<a-row justify="center">
<a-col :span="24">
<a-checkbox style="width: 150px" v-for="(item, index) in itemRolesRef" :key="index"
:value="item.name">{{ item.name }}
<a-checkbox
style="width: 150px"
v-for="(item, index) in itemRolesRef"
:key="index"
:value="item.name"
>{{ item.name }}
</a-checkbox>
</a-col>
</a-row>
@ -33,88 +37,88 @@
</template>
<script lang="ts">
import { defineComponent, ref } from "vue";
import { BasicModal, useModalInner } from "/@/components/Modal";
import { Tabs } from "ant-design-vue";
import { BasicForm, useForm } from "/@/components/Form/index";
import { createFormSchema, getAllRoleAsync, createUserAsync } from "/@/views/admin/users/AbpUser";
import { IdentityRoleDto, IdentityUserCreateDto } from "/@/services/ServiceProxies";
import { useI18n } from "/@/hooks/web/useI18n";
import { defineComponent, ref } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { Tabs } from 'ant-design-vue';
import { BasicForm, useForm } from '/@/components/Form/index';
import { createFormSchema, getAllRoleAsync, createUserAsync } from '/@/views/admin/users/AbpUser';
import { IdentityRoleDto, IdentityUserCreateDto } from '/@/services/ServiceProxies';
import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({
name: "CreateAbpUser",
components: {
BasicModal,
Tabs,
TabPane: Tabs.TabPane,
BasicForm
},
emits: ["reload"],
setup(_, { emit }) {
const { t } = useI18n();
const [registerModal, { changeOkLoading, closeModal }] = useModalInner();
const [registerUserForm, { getFieldsValue, validate, resetFields }] = useForm({
labelWidth: 120,
schemas: createFormSchema,
showActionButtonGroup: false
});
export default defineComponent({
name: 'CreateAbpUser',
components: {
BasicModal,
Tabs,
TabPane: Tabs.TabPane,
BasicForm,
},
emits: ['reload', 'register'],
setup(_, { emit }) {
const { t } = useI18n();
const [registerModal, { changeOkLoading, closeModal }] = useModalInner();
const [registerUserForm, { getFieldsValue, validate, resetFields }] = useForm({
labelWidth: 120,
schemas: createFormSchema,
showActionButtonGroup: false,
});
let itemRoles: IdentityRoleDto[] = [];
let defaultRoles: string[] = [];
//
let defaultRolesRef = ref(defaultRoles);
let itemRolesRef = ref(itemRoles);
const visibleChange = async (visible: boolean) => {
if (visible) {
itemRolesRef.value.length = 0;
defaultRolesRef.value.splice(0, defaultRolesRef.value.length);
let roles = await getAllRoleAsync();
roles.items?.forEach((e) => {
itemRolesRef.value.push(e);
});
} else {
await resetFields();
itemRolesRef.value.length = 0;
defaultRolesRef.value.length = 0;
}
};
//
const submit = async () => {
try {
let request = getFieldsValue() as IdentityUserCreateDto;
request.roleNames = defaultRolesRef.value;
await createUserAsync({
request,
changeOkLoading,
validate,
closeModal,
resetFields
});
defaultRolesRef.value.length = 0;
emit("reload");
} catch (error) {
changeOkLoading(false);
}
};
const cancel = () => {
resetFields();
closeModal();
};
return {
t,
cancel,
registerModal,
registerUserForm,
submit,
visibleChange,
defaultRolesRef,
itemRolesRef
};
}
});
let itemRoles: IdentityRoleDto[] = [];
let defaultRoles: string[] = [];
//
let defaultRolesRef = ref(defaultRoles);
let itemRolesRef = ref(itemRoles);
const visibleChange = async (visible: boolean) => {
if (visible) {
itemRolesRef.value.length = 0;
defaultRolesRef.value.splice(0, defaultRolesRef.value.length);
let roles = await getAllRoleAsync();
roles.items?.forEach((e) => {
itemRolesRef.value.push(e);
});
} else {
await resetFields();
itemRolesRef.value.length = 0;
defaultRolesRef.value.length = 0;
}
};
//
const submit = async () => {
try {
let request = getFieldsValue() as IdentityUserCreateDto;
request.roleNames = defaultRolesRef.value;
await createUserAsync({
request,
changeOkLoading,
validate,
closeModal,
resetFields,
});
defaultRolesRef.value.length = 0;
emit('reload');
} catch (error) {
changeOkLoading(false);
}
};
const cancel = () => {
resetFields();
closeModal();
};
return {
t,
cancel,
registerModal,
registerUserForm,
submit,
visibleChange,
defaultRolesRef,
itemRolesRef,
};
},
});
</script>
<style lang="less" scoped>
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
margin-left: 0;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
margin-left: 0;
}
</style>

4
vben271/src/views/admin/users/EditAbpUser.vue

@ -46,7 +46,7 @@
getAllRoleAsync,
updateUserAsync,
getRolesByUserIdAsync,
} from "/@/views/admin/users/AbpUser";
} from '/@/views/admin/users/AbpUser';
import {
IdentityRoleDto,
IdentityUserDto,
@ -63,7 +63,7 @@
Tabs,
TabPane: Tabs.TabPane,
},
emits: ['reload'],
emits: ['reload', 'register'],
setup(_, { emit }) {
const [registerUserForm, { getFieldsValue, validate, setFieldsValue, resetFields }] = useForm(
{

7
vben271/src/views/identityServers/apiResources/CreateApiResource.vue

@ -14,7 +14,10 @@
import { defineComponent } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { createFormSchema, createApiResourceAsync } from "/@/views/identityServers/apiResources/ApiResources";
import {
createFormSchema,
createApiResourceAsync,
} from '/@/views/identityServers/apiResources/ApiResources';
import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({
@ -23,7 +26,7 @@
BasicModal,
BasicForm,
},
emits: ['reload'],
emits: ['reload', 'register'],
setup(_, { emit }) {
const { t } = useI18n();
const [registerApiResourceForm, { getFieldsValue, validate, resetFields }] = useForm({

145
vben271/src/views/identityServers/apiResources/EditApiResources.vue

@ -22,9 +22,8 @@
v-for="(item, index) in apiScopes"
:key="index"
:value="item.value"
>{{ item.label }}
</a-checkbox
>
>{{ item.label }}
</a-checkbox>
</a-col>
</a-row>
</a-checkbox-group>
@ -35,81 +34,81 @@
</template>
<script lang="ts">
import { defineComponent, reactive, toRefs } from "vue";
import { BasicModal, useModalInner } from "/@/components/Modal";
import { BasicForm, useForm } from "/@/components/Form/index";
import { Tabs } from "ant-design-vue";
import {
editFormSchema,
getAllApiScopeAsync,
updateApiResourceAsync
} from "/@/views/identityServers/apiResources/ApiResources";
import { StringStringFromSelector } from "/@/services/ServiceProxies";
import { useI18n } from "/@/hooks/web/useI18n";
import { defineComponent, reactive, toRefs } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { Tabs } from 'ant-design-vue';
import {
editFormSchema,
getAllApiScopeAsync,
updateApiResourceAsync,
} from '/@/views/identityServers/apiResources/ApiResources';
import { StringStringFromSelector } from '/@/services/ServiceProxies';
import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({
name: "EditApiResources",
components: {
BasicModal,
BasicForm,
Tabs,
TabPane: Tabs.TabPane
},
emits: ["reload"],
setup(_, { emit }) {
const { t } = useI18n();
const [
registerBasicInfoForm,
{
getFieldsValue: getFieldsBasicInfoValue,
validate: basicInfoValidate,
setFieldsValue: setBasicInfoFieldsValue
}
] = useForm({
labelWidth: 120,
schemas: editFormSchema,
showActionButtonGroup: false
});
export default defineComponent({
name: 'EditApiResources',
components: {
BasicModal,
BasicForm,
Tabs,
TabPane: Tabs.TabPane,
},
emits: ['reload', 'register'],
setup(_, { emit }) {
const { t } = useI18n();
const [
registerBasicInfoForm,
{
getFieldsValue: getFieldsBasicInfoValue,
validate: basicInfoValidate,
setFieldsValue: setBasicInfoFieldsValue,
},
] = useForm({
labelWidth: 120,
schemas: editFormSchema,
showActionButtonGroup: false,
});
let apiScopes: StringStringFromSelector[] = [];
const state = reactive({
defaultApiScope: [],
apiScopes
});
const [registerModal, { changeOkLoading, closeModal }] = useModalInner(async (data) => {
await setBasicInfoFieldsValue({
name: data.record.name,
displayName: data.record.displayName,
secret: data.record.secrets.length > 0 ? data.record.secrets[0].value : "",
description: data.record.description,
enabled: data.record.enabled,
showInDiscoveryDocument: data.record.showInDiscoveryDocument
let apiScopes: StringStringFromSelector[] = [];
const state = reactive({
defaultApiScope: [],
apiScopes,
});
const [registerModal, { changeOkLoading, closeModal }] = useModalInner(async (data) => {
await setBasicInfoFieldsValue({
name: data.record.name,
displayName: data.record.displayName,
secret: data.record.secrets.length > 0 ? data.record.secrets[0].value : '',
description: data.record.description,
enabled: data.record.enabled,
showInDiscoveryDocument: data.record.showInDiscoveryDocument,
});
state.apiScopes = await getAllApiScopeAsync();
state.defaultApiScope = data.record.scopes.map((e) => e.scope);
});
state.apiScopes = await getAllApiScopeAsync();
state.defaultApiScope = data.record.scopes.map((e) => e.scope);
});
const submit = async () => {
await basicInfoValidate();
const basicInfo = getFieldsBasicInfoValue();
const requestScope = { apiScopes: state.defaultApiScope };
const request = Object.assign(basicInfo, requestScope);
await updateApiResourceAsync({ request, changeOkLoading, closeModal });
emit("reload");
};
return {
registerModal,
registerBasicInfoForm,
submit,
t,
...toRefs(state)
};
}
});
const submit = async () => {
await basicInfoValidate();
const basicInfo = getFieldsBasicInfoValue();
const requestScope = { apiScopes: state.defaultApiScope };
const request = Object.assign(basicInfo, requestScope);
await updateApiResourceAsync({ request, changeOkLoading, closeModal });
emit('reload');
};
return {
registerModal,
registerBasicInfoForm,
submit,
t,
...toRefs(state),
};
},
});
</script>
<style lang="less" scoped>
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
margin-left: 0;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
margin-left: 0;
}
</style>

7
vben271/src/views/identityServers/apiScopes/CreateApiScope.vue

@ -14,7 +14,10 @@
import { defineComponent } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { createFormSchema, createApiScopeAsync } from "/@/views/identityServers/apiScopes/ApiScopes";
import {
createFormSchema,
createApiScopeAsync,
} from '/@/views/identityServers/apiScopes/ApiScopes';
import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({
@ -23,7 +26,7 @@
BasicModal,
BasicForm,
},
emits: ['reload'],
emits: ['reload', 'register'],
setup(_, { emit }) {
const { t } = useI18n();
const [registerApiScopeForm, { getFieldsValue, validate, resetFields }] = useForm({

4
vben271/src/views/identityServers/apiScopes/EditApiScope.vue

@ -14,7 +14,7 @@
import { defineComponent } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { editFormSchema, editApiScopeAsync } from "/@/views/identityServers/apiScopes/ApiScopes";
import { editFormSchema, editApiScopeAsync } from '/@/views/identityServers/apiScopes/ApiScopes';
import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({
@ -23,7 +23,7 @@
BasicModal,
BasicForm,
},
emits: ['reload'],
emits: ['reload', 'register'],
setup(_, { emit }) {
const { t } = useI18n();
const [registerApiScopeForm, { getFieldsValue, validate, resetFields, setFieldsValue }] =

4
vben271/src/views/identityServers/clients/ClientUri.vue

@ -69,12 +69,12 @@
removeLogoutRedirectUriAsync,
addCorsAsync,
removeCorsAsync,
} from "/@/views/identityServers/clients/Clients";
} from '/@/views/identityServers/clients/Clients';
import { PagingClientListOutput } from '/@/services/ServiceProxies';
export default defineComponent({
name: 'ClientUri',
components: { BasicDrawer, Tabs, TabPane: Tabs.TabPane },
emits: ['reload'],
emits: ['reload', 'register'],
setup(_, { emit }) {
const { t } = useI18n();
let currentClient: PagingClientListOutput = new PagingClientListOutput();

4
vben271/src/views/identityServers/clients/CreateClient.vue

@ -14,7 +14,7 @@
import { defineComponent } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { createFormSchema, createClientAsync } from "/@/views/identityServers/clients/Clients";
import { createFormSchema, createClientAsync } from '/@/views/identityServers/clients/Clients';
import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({
@ -23,7 +23,7 @@
BasicModal,
BasicForm,
},
emits: ['reload'],
emits: ['reload', 'register'],
setup(_, { emit }) {
const { t } = useI18n();
const [registerClientForm, { getFieldsValue, validate, resetFields }] = useForm({

4
vben271/src/views/identityServers/clients/EditClientBasic.vue

@ -39,7 +39,7 @@
editBasicTokenSchema,
editBasicSecretSchema,
updateClientAsync,
} from "/@/views/identityServers/clients/Clients";
} from '/@/views/identityServers/clients/Clients';
export default defineComponent({
name: 'EditAbpUser',
@ -49,7 +49,7 @@
Tabs,
TabPane: Tabs.TabPane,
},
emits: ['reload'],
emits: ['reload', 'register'],
setup(_, { emit }) {
const { t } = useI18n();
const [

4
vben271/src/views/identityServers/clients/EditClientIdentityResource.vue

@ -38,13 +38,13 @@
<script lang="ts">
import { defineComponent, reactive, toRefs } from 'vue';
import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
import { getAllScopeAsync, updateScopesAsync } from "/@/views/identityServers/clients/Clients";
import { getAllScopeAsync, updateScopesAsync } from '/@/views/identityServers/clients/Clients';
import { StringStringFromSelector } from '/@/services/ServiceProxies';
import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({
name: 'EditClientIdentityResource',
components: { BasicDrawer },
emits: ['reload'],
emits: ['reload', 'register'],
setup(_, { emit }) {
const { t } = useI18n();
let scopes: StringStringFromSelector[] = [];

7
vben271/src/views/identityServers/identityResources/CreateIdentityResource.vue

@ -14,7 +14,10 @@
import { defineComponent } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { createFormSchema, createIdentityResourcesAsync } from "/@/views/identityServers/identityResources/IdentityResources";
import {
createFormSchema,
createIdentityResourcesAsync,
} from '/@/views/identityServers/identityResources/IdentityResources';
import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({
@ -23,7 +26,7 @@
BasicModal,
BasicForm,
},
emits: ['reload'],
emits: ['reload', 'register'],
setup(_, { emit }) {
//
// defineEmit(['reload']);

7
vben271/src/views/identityServers/identityResources/EditIdentityResources.vue

@ -14,7 +14,10 @@
import { defineComponent } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { editFormSchema, editIdentityResourceAsync } from "/@/views/identityServers/identityResources/IdentityResources";
import {
editFormSchema,
editIdentityResourceAsync,
} from '/@/views/identityServers/identityResources/IdentityResources';
import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({
@ -23,7 +26,7 @@
BasicModal,
BasicForm,
},
emits: ['reload'],
emits: ['reload', 'register'],
setup(_, { emit }) {
const { t } = useI18n();
const [

6
vben271/src/views/tenants/CreateTenant.vue

@ -14,7 +14,7 @@
import { defineComponent } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { createFormSchema, createTenantAsync } from "/@/views/tenants/Tenant";
import { createFormSchema, createTenantAsync } from '/@/views/tenants/Tenant';
import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({
@ -23,7 +23,7 @@
BasicModal,
BasicForm,
},
emits: ['reload'],
emits: ['reload', 'register'],
setup(_, { emit }) {
const { t } = useI18n();
const [registerTenantForm, { getFieldsValue, validate, resetFields }] = useForm({
@ -38,7 +38,7 @@
try {
const request = getFieldsValue();
await createTenantAsync({ request, changeOkLoading, validate, closeModal });
await resetFields();
await resetFields();
emit('reload');
} catch (error) {
changeOkLoading(false);

110
vben271/src/views/tenants/EditConnectionString.vue

@ -5,72 +5,72 @@
@ok="submit"
@cancel="cancel"
@register="registerModal"
minHeight="100"
:minHeight="100"
>
<BasicForm @register="registerApiScopeForm" />
</BasicModal>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import { BasicModal, useModalInner } from "/@/components/Modal";
import { BasicForm, useForm } from "/@/components/Form/index";
import {
updateConnectionStringFormSchema,
updateConnectionStringAsync,
getConnectionStringAsync
} from "/@/views/tenants/Tenant";
import { useI18n } from "/@/hooks/web/useI18n";
import { defineComponent } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import {
updateConnectionStringFormSchema,
updateConnectionStringAsync,
getConnectionStringAsync,
} from '/@/views/tenants/Tenant';
import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({
name: "EditConnectionString",
components: {
BasicModal,
BasicForm
},
emits: ["reload"],
setup(_, { emit }) {
const { t } = useI18n();
const [registerApiScopeForm, { getFieldsValue, resetFields, setFieldsValue }] = useForm({
labelWidth: 120,
schemas: updateConnectionStringFormSchema,
showActionButtonGroup: false
});
export default defineComponent({
name: 'EditConnectionString',
components: {
BasicModal,
BasicForm,
},
emits: ['reload', 'register'],
setup(_, { emit }) {
const { t } = useI18n();
const [registerApiScopeForm, { getFieldsValue, resetFields, setFieldsValue }] = useForm({
labelWidth: 120,
schemas: updateConnectionStringFormSchema,
showActionButtonGroup: false,
});
const [registerModal, { changeOkLoading, closeModal }] = useModalInner(async (data) => {
const connectionString = await getConnectionStringAsync({ id: data.record.id });
await setFieldsValue({
id: data.record.id,
connectionString: connectionString
const [registerModal, { changeOkLoading, closeModal }] = useModalInner(async (data) => {
const connectionString = await getConnectionStringAsync({ id: data.record.id });
await setFieldsValue({
id: data.record.id,
connectionString: connectionString,
});
});
});
const submit = async () => {
try {
const request = getFieldsValue();
changeOkLoading(true);
await updateConnectionStringAsync({ request });
await resetFields();
emit("reload");
} finally {
changeOkLoading(false);
closeModal();
}
};
const submit = async () => {
try {
const request = getFieldsValue();
changeOkLoading(true);
await updateConnectionStringAsync({ request });
await resetFields();
emit('reload');
} finally {
changeOkLoading(false);
closeModal();
}
};
const cancel = () => {
resetFields();
closeModal();
};
return {
t,
registerModal,
registerApiScopeForm,
submit,
cancel
};
}
});
const cancel = () => {
resetFields();
closeModal();
};
return {
t,
registerModal,
registerApiScopeForm,
submit,
cancel,
};
},
});
</script>
<style lang="less" scoped></style>

98
vben271/src/views/tenants/EditTenant.vue

@ -5,66 +5,66 @@
@ok="submit"
@cancel="cancel"
@register="registerModal"
minHeight="100"
:minHeight="100"
>
<BasicForm @register="registerApiScopeForm" />
</BasicModal>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import { BasicModal, useModalInner } from "/@/components/Modal";
import { BasicForm, useForm } from "/@/components/Form/index";
import { editFormSchema, updateTenantAsync } from "/@/views/tenants/Tenant";
import { useI18n } from "/@/hooks/web/useI18n";
import { defineComponent } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { editFormSchema, updateTenantAsync } from '/@/views/tenants/Tenant';
import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({
name: "EditTenant",
components: {
BasicModal,
BasicForm
},
emits: ["reload"],
setup(_, { emit }) {
const { t } = useI18n();
const [registerApiScopeForm, { getFieldsValue, validate, resetFields, setFieldsValue }] =
useForm({
labelWidth: 120,
schemas: editFormSchema,
showActionButtonGroup: false
});
export default defineComponent({
name: 'EditTenant',
components: {
BasicModal,
BasicForm,
},
emits: ['reload', 'register'],
setup(_, { emit }) {
const { t } = useI18n();
const [registerApiScopeForm, { getFieldsValue, validate, resetFields, setFieldsValue }] =
useForm({
labelWidth: 120,
schemas: editFormSchema,
showActionButtonGroup: false,
});
const [registerModal, { changeOkLoading, closeModal }] = useModalInner((data) => {
setFieldsValue({
name: data.record.name,
id: data.record.id
const [registerModal, { changeOkLoading, closeModal }] = useModalInner((data) => {
setFieldsValue({
name: data.record.name,
id: data.record.id,
});
});
});
const submit = async () => {
try {
const request = getFieldsValue();
await updateTenantAsync({ request, changeOkLoading, validate, closeModal });
await resetFields();
emit("reload");
} finally {
changeOkLoading(false);
}
};
const submit = async () => {
try {
const request = getFieldsValue();
await updateTenantAsync({ request, changeOkLoading, validate, closeModal });
await resetFields();
emit('reload');
} finally {
changeOkLoading(false);
}
};
const cancel = () => {
resetFields();
closeModal();
};
return {
t,
registerModal,
registerApiScopeForm,
submit,
cancel
};
}
});
const cancel = () => {
resetFields();
closeModal();
};
return {
t,
registerModal,
registerApiScopeForm,
submit,
cancel,
};
},
});
</script>
<style lang="less" scoped></style>

Loading…
Cancel
Save