✨ 添加id4 ui

vue3/src/views/identityServers/clients1/Clients.ts

@@ -1,88 +0,0 @@
-import { FormSchema } from '/@/components/Table';
-import { BasicColumn } from '/@/components/Table';
-import { ClientServiceProxy, PagingClientListInput } from '/@/services/ServiceProxies';
-
-export const searchFormSchema: FormSchema[] = [
-  {
-    field: 'filter',
-    label: '关键字',
-    component: 'Input',
-    colProps: { span: 8 },
-  },
-];
-
-export const tableColumns: BasicColumn[] = [
-  {
-    title: 'ClientId',
-    dataIndex: 'clientId',
-  },
-  {
-    title: 'ClientName',
-    dataIndex: 'clientName',
-  },
-  {
-    title: '是否启用',
-    dataIndex: 'enabled',
-    slots: { customRender: 'enabled' },
-  },
-  {
-    title: 'AccessTokenLifetime',
-    dataIndex: 'accessTokenLifetime',
-  },
-  {
-    title: 'AbsoluteRefreshTokenLifetime',
-    dataIndex: 'absoluteRefreshTokenLifetime',
-  },
-  {
-    title: 'Description',
-    dataIndex: 'description',
-  },
-];
-
-export const createFormSchema: FormSchema[] = [
-  {
-    field: 'clientId',
-    label: 'ClientId',
-    component: 'Input',
-    required: true,
-    colProps: { span: 18 },
-  },
-  {
-    field: 'clientName',
-    label: 'ClientName',
-    component: 'Input',
-    required: true,
-    colProps: { span: 18 },
-  },
-  {
-    field: 'description',
-    label: 'Description',
-    component: 'Input',
-    required: true,
-    colProps: { span: 18 },
-  },
-];
-
-/**
- * 分页列表
- * @param params
- * @returns
- */
-export async function getTableListAsync(params: PagingClientListInput) {
-  const _clientServiceProxy = new ClientServiceProxy();
-  return _clientServiceProxy.page(params);
-}
-
-/**
- * 创建client
- * @param params
- * @returns
- */
-export async function createClientAsync({ request, changeOkLoading, validate, closeModal }) {
-  changeOkLoading(true);
-  await validate();
-  const _clientServiceProxy = new ClientServiceProxy();
-  await _clientServiceProxy.create(request);
-  changeOkLoading(false);
-  closeModal();
-}

vue3/src/views/identityServers/clients1/Clients.vue

@@ -1,71 +0,0 @@
-<template>
-  <div>
-    <BasicTable @register="registerTable" size="small">
-      <template #toolbar>
-        <a-button type="primary" @click="openCreateClientModal">
-          {{ t('common.createText') }}
-        </a-button>
-      </template>
-      <template #enabled="{ record }">
-        <Tag :color="record.enabled ? 'green' : 'red'">
-          {{ record.enabled ? '是' : '否' }}
-        </Tag>
-      </template>
-    </BasicTable>
-    <CreateClient @register="registerCreateClientModal" @reload="reload" :bodyStyle="{ 'padding-top': '0' }" />
-  </div>
-</template>
-
-<script lang="ts">
-  import { defineComponent } from 'vue';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { tableColumns, searchFormSchema, getTableListAsync } from './Clients';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { Tag } from 'ant-design-vue';
-  import CreateClient from './CreateClient.vue';
-  import { useModal } from '/@/components/Modal';
-  export default defineComponent({
-    name: 'Clients',
-    components: {
-      BasicTable,
-      TableAction,
-      Tag,
-      CreateClient,
-    },
-    setup() {
-      const { t } = useI18n();
-      // table配置
-      const [registerTable] = useTable({
-        columns: tableColumns,
-        formConfig: {
-          labelWidth: 70,
-          schemas: searchFormSchema,
-        },
-        api: getTableListAsync,
-        showTableSetting: true,
-        useSearchForm: true,
-        bordered: true,
-        canResize: true,
-        showIndexColumn: true,
-        actionColumn: {
-          width: 150,
-          title: t('common.action'),
-          dataIndex: 'action',
-          slots: {
-            customRender: 'action',
-          },
-          fixed: 'right',
-        },
-      });
-
-      const [registerCreateClientModal, { openModal: openCreateClientModal }] = useModal();
-      return {
-        registerTable,
-        registerCreateClientModal,
-        openCreateClientModal,
-      };
-    },
-  });
-</script>
-
-<style lang="less" scoped></style>

vue3/src/views/identityServers/clients1/CreateClient.vue

@@ -1,61 +0,0 @@
-<template>
-  <BasicModal :title="创建Client" :canFullscreen="false" @ok="submit" @cancel="cancel" @register="registerModal">
-    <BasicForm @register="registerUserForm" />
-  </BasicModal>
-</template>
-
-<script lang="ts">
-  import { defineComponent, useContext, defineEmit } from 'vue';
-  import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { BasicForm, useForm } from '/@/components/Form/index';
-  import { createFormSchema, createClientAsync } from './Clients';
-  import { useI18n } from '/@/hooks/web/useI18n';
-
-  export default defineComponent({
-    name: 'CreateAbpRole',
-    components: {
-      BasicModal,
-      BasicForm,
-    },
-    setup() {
-      // 加载父组件方法
-      defineEmit(['reload']);
-      const ctx = useContext();
-
-      const { t } = useI18n();
-      const [registerUserForm, { getFieldsValue, validate, resetFields }] = useForm({
-        labelWidth: 120,
-        schemas: createFormSchema,
-        showActionButtonGroup: false,
-      });
-
-      const [registerModal, { changeOkLoading, closeModal }] = useModalInner();
-
-      // 保存角色
-      const submit = async () => {
-        try {
-          const request = getFieldsValue();
-          await createClientAsync({ request, changeOkLoading, validate, closeModal });
-          resetFields();
-          ctx.emit('reload');
-        } catch (error) {
-          changeOkLoading(false);
-        }
-      };
-
-      const cancel = () => {
-        resetFields();
-        closeModal();
-      };
-      return {
-        t,
-        registerModal,
-        registerUserForm,
-        submit,
-        cancel,
-      };
-    },
-  });
-</script>
-
-<style lang="less" scoped></style>