feat: add IM admin P2 configuration modules

web/src/views/imAbuseReason/index.vue

@@ -0,0 +1,261 @@
+<template>
+  <div>
+    <div class="n-layout-page-header">
+      <n-card :bordered="false" title="IM举报原因" />
+    </div>
+    <n-card :bordered="false" class="proCard">
+      <BasicForm
+        ref="searchFormRef"
+        @register="register"
+        @submit="reloadTable"
+        @reset="handleReset"
+        @keyup.enter="reloadTable"
+      />
+      <BasicTable
+        ref="actionRef"
+        :columns="columns"
+        :request="loadDataTable"
+        :row-key="(row) => row.tenantId + '-' + row.targetType + '-' + row.reasonCode"
+        :actionColumn="actionColumn"
+        :scroll-x="scrollX"
+        :resizeHeightOffset="-10000"
+      >
+        <template #tableTitle>
+          <n-button
+            type="primary"
+            :disabled="!hasPermission(['/imAbuseReason/edit']) || !currentTenantReady"
+            @click="handleCreate"
+          >
+            新增原因
+          </n-button>
+        </template>
+      </BasicTable>
+    </n-card>
+
+    <n-modal
+      v-model:show="showModal"
+      preset="dialog"
+      :show-icon="false"
+      :title="formValue.id > 0 ? '编辑举报原因' : '新增举报原因'"
+      :style="{ width: dialogWidth }"
+    >
+      <n-form
+        ref="formRef"
+        :model="formValue"
+        :rules="rules"
+        label-placement="left"
+        label-width="92"
+      >
+        <n-form-item label="对象" path="targetType">
+          <n-select
+            v-model:value="formValue.targetType"
+            :disabled="formValue.id > 0"
+            :options="targetTypeOptions"
+            placeholder="请选择对象类型"
+          />
+        </n-form-item>
+        <n-form-item label="编码" path="reasonCode">
+          <n-input
+            v-model:value="formValue.reasonCode"
+            :disabled="formValue.id > 0"
+            placeholder="请输入原因编码"
+          />
+        </n-form-item>
+        <n-form-item label="文案" path="label">
+          <n-input v-model:value="formValue.label" placeholder="请输入展示文案" />
+        </n-form-item>
+        <n-form-item label="排序">
+          <n-input-number v-model:value="formValue.sortOrder" :min="0" />
+        </n-form-item>
+        <n-form-item label="要求描述">
+          <n-switch v-model:value="requiresDescriptionValue" />
+        </n-form-item>
+        <n-form-item label="允许证据">
+          <n-switch v-model:value="allowsEvidenceValue" />
+        </n-form-item>
+        <n-form-item label="状态">
+          <n-switch v-model:value="enabledValue" />
+        </n-form-item>
+      </n-form>
+      <template #action>
+        <n-space>
+          <n-button @click="showModal = false">取消</n-button>
+          <n-button type="primary" :loading="submitLoading" @click="handleSubmit">保存</n-button>
+        </n-space>
+      </template>
+    </n-modal>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { computed, h, onMounted, reactive, ref } from 'vue';
+  import { useDialog, useMessage } from 'naive-ui';
+  import { useDictStore } from '@/store/modules/dict';
+  import { BasicForm, useForm } from '@/components/Form/index';
+  import { BasicTable, TableAction } from '@/components/Table';
+  import { usePermission } from '@/hooks/web/usePermission';
+  import { useUserStore } from '@/store/modules/user';
+  import { Delete, Edit, List } from '@/api/imAbuseReason';
+  import { adaModalWidth, adaTableScrollX } from '@/utils/hotgo';
+  import {
+    columns,
+    loadOptions,
+    loadTenantOptions,
+    newState,
+    rules,
+    schemas,
+    State,
+    tenantOptions,
+  } from './model';
+
+  const dict = useDictStore();
+  const dialog = useDialog();
+  const message = useMessage();
+  const { hasPermission } = usePermission();
+  const userStore = useUserStore();
+  const isPlatformAdmin = computed(() => userStore.isCompanyDept);
+  const actionRef = ref();
+  const searchFormRef = ref<any>({});
+  const formRef = ref();
+  const showModal = ref(false);
+  const submitLoading = ref(false);
+  const formValue = ref<State>(newState(null));
+  const dialogWidth = computed(() => adaModalWidth(560));
+  const targetTypeOptions = computed(() => dict.getOptions('ImAbuseTargetTypeOptions'));
+  const currentTenantReady = computed(
+    () => !isPlatformAdmin.value || !!searchFormRef.value?.formModel?.tenantId
+  );
+
+  const tenantSchema = schemas.value.find((item) => item.field === 'tenantId');
+  if (tenantSchema) {
+    tenantSchema.ifShow = () => isPlatformAdmin.value;
+  }
+
+  const requiresDescriptionValue = computed({
+    get: () => formValue.value.requiresDescription === 1,
+    set: (value: boolean) => {
+      formValue.value.requiresDescription = value ? 1 : 0;
+    },
+  });
+  const allowsEvidenceValue = computed({
+    get: () => formValue.value.allowsEvidence === 1,
+    set: (value: boolean) => {
+      formValue.value.allowsEvidence = value ? 1 : 0;
+    },
+  });
+  const enabledValue = computed({
+    get: () => formValue.value.enabled === 1,
+    set: (value: boolean) => {
+      formValue.value.enabled = value ? 1 : 0;
+    },
+  });
+
+  const actionColumn = reactive({
+    width: 150,
+    title: '操作',
+    key: 'action',
+    fixed: 'right',
+    render(record: State) {
+      return h(TableAction as any, {
+        style: 'button',
+        actions: [
+          {
+            label: '编辑',
+            auth: ['/imAbuseReason/edit'],
+            onClick: () => handleEdit(record),
+          },
+          {
+            label: '禁用',
+            auth: ['/imAbuseReason/delete'],
+            disabled: record.enabled === 0,
+            onClick: () => handleDelete(record),
+          },
+        ],
+      });
+    },
+  });
+  const scrollX = computed(() => adaTableScrollX(columns, actionColumn.width));
+
+  const [register, { setFieldsValue }] = useForm({
+    gridProps: { cols: '1 s:1 m:2 l:3 xl:4 2xl:4' },
+    labelWidth: 90,
+    schemas,
+  });
+
+  const loadDataTable = async (res) => {
+    const params = { ...searchFormRef.value?.formModel, ...res };
+    if (isPlatformAdmin.value && !params.tenantId)
+      return { list: [], page: 1, pageCount: 0, totalCount: 0 };
+    return await List(params);
+  };
+
+  function reloadTable() {
+    actionRef.value?.reload();
+  }
+
+  async function handleReset() {
+    const defaults: Recordable = {};
+    if (isPlatformAdmin.value && tenantOptions.value.length > 0)
+      defaults.tenantId = tenantOptions.value[0].value;
+    await setFieldsValue(defaults);
+    reloadTable();
+  }
+
+  function handleCreate() {
+    formValue.value = newState({
+      tenantId: searchFormRef.value?.formModel?.tenantId || 0,
+      targetType: 'message',
+      requiresDescription: 0,
+      allowsEvidence: 1,
+      enabled: 1,
+    });
+    showModal.value = true;
+  }
+
+  function handleEdit(record: State) {
+    formValue.value = newState(record);
+    showModal.value = true;
+  }
+
+  function handleDelete(record: State) {
+    dialog.warning({
+      title: '确认禁用',
+      content: `确定禁用举报原因「${record.label}」吗？`,
+      positiveText: '禁用',
+      negativeText: '取消',
+      onPositiveClick: async () => {
+        await Delete({ tenantId: record.tenantId, id: record.id });
+        message.success('操作成功');
+        reloadTable();
+      },
+    });
+  }
+
+  async function handleSubmit() {
+    submitLoading.value = true;
+    try {
+      await formRef.value?.validate();
+      await Edit({ ...formValue.value });
+      message.success('操作成功');
+      showModal.value = false;
+      reloadTable();
+    } catch (e: any) {
+      message.error(e.message || '操作失败');
+    } finally {
+      submitLoading.value = false;
+    }
+  }
+
+  onMounted(async () => {
+    loadOptions();
+    if (isPlatformAdmin.value) {
+      await loadTenantOptions();
+      if (tenantOptions.value.length > 0) {
+        await setFieldsValue({ tenantId: tenantOptions.value[0].value });
+      } else {
+        message.warning('暂无可用租户');
+      }
+    }
+    reloadTable();
+  });
+</script>

web/src/views/imAbuseReason/model.ts

@@ -0,0 +1,149 @@
+import { computed, ref } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { FormSchema } from '@/components/Form';
+import { useDictStore } from '@/store/modules/dict';
+import { List as TenantList } from '@/api/imTenant';
+
+const dict = useDictStore();
+
+export const tenantOptions = ref<any[]>([]);
+
+export class State {
+  public tenantId = 0;
+  public tenantName = '';
+  public id = 0;
+  public targetType = 'message';
+  public reasonCode = '';
+  public label = '';
+  public requiresDescription = 0;
+  public allowsEvidence = 1;
+  public sortOrder = 0;
+  public enabled = 1;
+  public updatedAt = '';
+
+  constructor(state?: Partial<State>) {
+    if (state) Object.assign(this, state);
+  }
+}
+
+export function newState(state: State | Record<string, any> | null): State {
+  if (state !== null) {
+    if (state instanceof State) return cloneDeep(state);
+    return new State(state);
+  }
+  return new State();
+}
+
+export const schemas = ref<FormSchema[]>([
+  {
+    field: 'tenantId',
+    component: 'NSelect',
+    label: '租户',
+    componentProps: {
+      clearable: false,
+      options: computed(() => tenantOptions.value),
+      placeholder: '请选择租户',
+    },
+  },
+  {
+    field: 'targetType',
+    component: 'NSelect',
+    label: '对象',
+    componentProps: {
+      clearable: true,
+      options: computed(() => dict.getOptions('ImAbuseTargetTypeOptions')),
+      placeholder: '请选择对象类型',
+    },
+  },
+  {
+    field: 'reasonCode',
+    component: 'NInput',
+    label: '编码',
+    componentProps: {
+      clearable: true,
+      placeholder: '请输入原因编码',
+    },
+  },
+  {
+    field: 'enabled',
+    component: 'NSelect',
+    label: '状态',
+    componentProps: {
+      clearable: true,
+      options: computed(() => dict.getOptions('ImAbuseReasonEnabledOptions')),
+      placeholder: '请选择状态',
+    },
+  },
+]);
+
+export const columns = [
+  {
+    title: '对象',
+    key: 'targetType',
+    align: 'left',
+    width: 100,
+    render(row: State) {
+      return dict.getLabel('ImAbuseTargetTypeOptions', row.targetType) || row.targetType;
+    },
+  },
+  { title: '编码', key: 'reasonCode', align: 'left', width: 140 },
+  { title: '文案', key: 'label', align: 'left', width: 160 },
+  {
+    title: '要求描述',
+    key: 'requiresDescription',
+    align: 'left',
+    width: 100,
+    render(row: State) {
+      return dict.getLabel('ImAbuseReasonEnabledOptions', row.requiresDescription);
+    },
+  },
+  {
+    title: '允许证据',
+    key: 'allowsEvidence',
+    align: 'left',
+    width: 100,
+    render(row: State) {
+      return dict.getLabel('ImAbuseReasonEnabledOptions', row.allowsEvidence);
+    },
+  },
+  { title: '排序', key: 'sortOrder', align: 'left', width: 90 },
+  {
+    title: '状态',
+    key: 'enabled',
+    align: 'left',
+    width: 90,
+    render(row: State) {
+      return dict.getLabel('ImAbuseReasonEnabledOptions', row.enabled);
+    },
+  },
+  { title: '更新时间', key: 'updatedAt', align: 'left', width: 180 },
+];
+
+export const rules = {
+  targetType: {
+    required: true,
+    trigger: ['blur', 'change'],
+    type: 'string',
+    message: '请选择对象类型',
+  },
+  reasonCode: {
+    required: true,
+    trigger: ['blur', 'input'],
+    type: 'string',
+    message: '请输入原因编码',
+  },
+  label: { required: true, trigger: ['blur', 'input'], type: 'string', message: '请输入展示文案' },
+};
+
+export function loadOptions() {
+  dict.loadOptions(['ImAbuseTargetTypeOptions', 'ImAbuseReasonEnabledOptions']);
+}
+
+export async function loadTenantOptions() {
+  const res = await TenantList({ page: 1, perPage: 100 });
+  tenantOptions.value = (res?.list || []).map((item) => ({
+    label: `${item.name}（${item.code}）`,
+    value: item.id,
+  }));
+  return tenantOptions.value;
+}

web/src/views/imAppRelease/index.vue

@@ -0,0 +1,242 @@
+<template>
+  <div>
+    <div class="n-layout-page-header">
+      <n-card :bordered="false" title="IM版本更新" />
+    </div>
+    <n-card :bordered="false" class="proCard">
+      <BasicForm
+        ref="searchFormRef"
+        @register="register"
+        @submit="reloadTable"
+        @reset="handleReset"
+        @keyup.enter="reloadTable"
+      />
+      <BasicTable
+        ref="actionRef"
+        :columns="columns"
+        :request="loadDataTable"
+        :row-key="(row) => row.tenantId + '-' + row.platform + '-' + row.channel"
+        :actionColumn="actionColumn"
+        :scroll-x="scrollX"
+        :resizeHeightOffset="-10000"
+      >
+        <template #tableTitle>
+          <n-button
+            type="primary"
+            :disabled="!hasPermission(['/imAppRelease/edit']) || !currentTenantReady"
+            @click="handleCreate"
+          >
+            新增策略
+          </n-button>
+        </template>
+      </BasicTable>
+    </n-card>
+
+    <n-modal
+      v-model:show="showModal"
+      preset="dialog"
+      :show-icon="false"
+      :title="formValue.id > 0 ? '编辑版本策略' : '新增版本策略'"
+      :style="{ width: dialogWidth }"
+    >
+      <n-form
+        ref="formRef"
+        :model="formValue"
+        :rules="rules"
+        label-placement="left"
+        label-width="112"
+      >
+        <n-form-item label="平台" path="platform">
+          <n-select
+            v-model:value="formValue.platform"
+            :disabled="formValue.id > 0"
+            :options="platformOptions"
+            placeholder="请选择平台"
+          />
+        </n-form-item>
+        <n-form-item label="渠道" path="channel">
+          <n-input
+            v-model:value="formValue.channel"
+            :disabled="formValue.id > 0"
+            placeholder="请输入渠道"
+          />
+        </n-form-item>
+        <n-form-item label="最新版本" path="latestVersion">
+          <n-input v-model:value="formValue.latestVersion" placeholder="请输入最新版本" />
+        </n-form-item>
+        <n-form-item label="最低支持版本" path="minSupportedVersion">
+          <n-input v-model:value="formValue.minSupportedVersion" placeholder="请输入最低支持版本" />
+        </n-form-item>
+        <n-form-item label="更新类型" path="updateType">
+          <n-select
+            v-model:value="formValue.updateType"
+            :options="updateTypeOptions"
+            placeholder="请选择更新类型"
+          />
+        </n-form-item>
+        <n-form-item label="再次提醒秒数">
+          <n-input-number v-model:value="formValue.remindAfterSeconds" :min="0" />
+        </n-form-item>
+        <n-form-item label="商店地址">
+          <n-input v-model:value="formValue.storeUrl" placeholder="请输入商店地址" />
+        </n-form-item>
+        <n-form-item label="安装包地址">
+          <n-input v-model:value="formValue.packageUrl" placeholder="请输入安装包地址" />
+        </n-form-item>
+        <n-form-item label="校验值">
+          <n-input v-model:value="formValue.checksum" placeholder="请输入安装包校验值" />
+        </n-form-item>
+        <n-form-item label="更新说明">
+          <n-input
+            v-model:value="formValue.releaseNotes"
+            type="textarea"
+            :autosize="{ minRows: 4, maxRows: 8 }"
+            placeholder="请输入更新说明"
+          />
+        </n-form-item>
+      </n-form>
+      <template #action>
+        <n-space>
+          <n-button @click="showModal = false">取消</n-button>
+          <n-button type="primary" :loading="submitLoading" @click="handleSubmit">保存</n-button>
+        </n-space>
+      </template>
+    </n-modal>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { computed, h, onMounted, reactive, ref } from 'vue';
+  import { useMessage } from 'naive-ui';
+  import { useDictStore } from '@/store/modules/dict';
+  import { BasicForm, useForm } from '@/components/Form/index';
+  import { BasicTable, TableAction } from '@/components/Table';
+  import { usePermission } from '@/hooks/web/usePermission';
+  import { useUserStore } from '@/store/modules/user';
+  import { Edit, List } from '@/api/imAppRelease';
+  import { adaModalWidth, adaTableScrollX } from '@/utils/hotgo';
+  import {
+    columns,
+    loadOptions,
+    loadTenantOptions,
+    newState,
+    rules,
+    schemas,
+    State,
+    tenantOptions,
+  } from './model';
+
+  const dict = useDictStore();
+  const message = useMessage();
+  const { hasPermission } = usePermission();
+  const userStore = useUserStore();
+  const isPlatformAdmin = computed(() => userStore.isCompanyDept);
+  const actionRef = ref();
+  const searchFormRef = ref<any>({});
+  const formRef = ref();
+  const showModal = ref(false);
+  const submitLoading = ref(false);
+  const formValue = ref<State>(newState(null));
+  const dialogWidth = computed(() => adaModalWidth(720));
+  const platformOptions = computed(() => dict.getOptions('ImAppPlatformOptions'));
+  const updateTypeOptions = computed(() => dict.getOptions('ImAppUpdateTypeOptions'));
+  const currentTenantReady = computed(
+    () => !isPlatformAdmin.value || !!searchFormRef.value?.formModel?.tenantId
+  );
+
+  const tenantSchema = schemas.value.find((item) => item.field === 'tenantId');
+  if (tenantSchema) {
+    tenantSchema.ifShow = () => isPlatformAdmin.value;
+  }
+
+  const actionColumn = reactive({
+    width: 100,
+    title: '操作',
+    key: 'action',
+    fixed: 'right',
+    render(record: State) {
+      return h(TableAction as any, {
+        style: 'button',
+        actions: [
+          {
+            label: '编辑',
+            auth: ['/imAppRelease/edit'],
+            onClick: () => handleEdit(record),
+          },
+        ],
+      });
+    },
+  });
+  const scrollX = computed(() => adaTableScrollX(columns, actionColumn.width));
+
+  const [register, { setFieldsValue }] = useForm({
+    gridProps: { cols: '1 s:1 m:2 l:3 xl:4 2xl:4' },
+    labelWidth: 90,
+    schemas,
+  });
+
+  const loadDataTable = async (res) => {
+    const params = { ...searchFormRef.value?.formModel, ...res };
+    if (isPlatformAdmin.value && !params.tenantId)
+      return { list: [], page: 1, pageCount: 0, totalCount: 0 };
+    return await List(params);
+  };
+
+  function reloadTable() {
+    actionRef.value?.reload();
+  }
+
+  async function handleReset() {
+    const defaults: Recordable = {};
+    if (isPlatformAdmin.value && tenantOptions.value.length > 0)
+      defaults.tenantId = tenantOptions.value[0].value;
+    await setFieldsValue(defaults);
+    reloadTable();
+  }
+
+  function handleCreate() {
+    formValue.value = newState({
+      tenantId: searchFormRef.value?.formModel?.tenantId || 0,
+      platform: 'android',
+      channel: 'stable',
+      latestVersion: '1.0.0',
+      minSupportedVersion: '1.0.0',
+      updateType: 'none',
+      remindAfterSeconds: 0,
+    });
+    showModal.value = true;
+  }
+
+  function handleEdit(record: State) {
+    formValue.value = newState(record);
+    showModal.value = true;
+  }
+
+  async function handleSubmit() {
+    submitLoading.value = true;
+    try {
+      await formRef.value?.validate();
+      await Edit({ ...formValue.value });
+      message.success('操作成功');
+      showModal.value = false;
+      reloadTable();
+    } catch (e: any) {
+      message.error(e.message || '操作失败');
+    } finally {
+      submitLoading.value = false;
+    }
+  }
+
+  onMounted(async () => {
+    loadOptions();
+    if (isPlatformAdmin.value) {
+      await loadTenantOptions();
+      if (tenantOptions.value.length > 0) {
+        await setFieldsValue({ tenantId: tenantOptions.value[0].value });
+      } else {
+        message.warning('暂无可用租户');
+      }
+    }
+    reloadTable();
+  });
+</script>

web/src/views/imAppRelease/model.ts

@@ -0,0 +1,136 @@
+import { computed, ref } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { FormSchema } from '@/components/Form';
+import { useDictStore } from '@/store/modules/dict';
+import { List as TenantList } from '@/api/imTenant';
+
+const dict = useDictStore();
+
+export const tenantOptions = ref<any[]>([]);
+
+export class State {
+  public tenantId = 0;
+  public tenantName = '';
+  public id = 0;
+  public platform = 'android';
+  public channel = 'stable';
+  public latestVersion = '1.0.0';
+  public minSupportedVersion = '1.0.0';
+  public updateType = 'none';
+  public releaseNotes = '';
+  public storeUrl = '';
+  public packageUrl = '';
+  public checksum = '';
+  public remindAfterSeconds = 0;
+  public publishedAt = '';
+  public updatedAt = '';
+
+  constructor(state?: Partial<State>) {
+    if (state) Object.assign(this, state);
+  }
+}
+
+export function newState(state: State | Record<string, any> | null): State {
+  if (state !== null) {
+    if (state instanceof State) return cloneDeep(state);
+    return new State(state);
+  }
+  return new State();
+}
+
+export const schemas = ref<FormSchema[]>([
+  {
+    field: 'tenantId',
+    component: 'NSelect',
+    label: '租户',
+    componentProps: {
+      clearable: false,
+      options: computed(() => tenantOptions.value),
+      placeholder: '请选择租户',
+    },
+  },
+  {
+    field: 'platform',
+    component: 'NSelect',
+    label: '平台',
+    componentProps: {
+      clearable: true,
+      options: computed(() => dict.getOptions('ImAppPlatformOptions')),
+      placeholder: '请选择平台',
+    },
+  },
+  {
+    field: 'channel',
+    component: 'NInput',
+    label: '渠道',
+    componentProps: {
+      clearable: true,
+      placeholder: '请输入渠道',
+    },
+  },
+]);
+
+export const columns = [
+  {
+    title: '平台',
+    key: 'platform',
+    align: 'left',
+    width: 100,
+    render(row: State) {
+      return dict.getLabel('ImAppPlatformOptions', row.platform) || row.platform;
+    },
+  },
+  { title: '渠道', key: 'channel', align: 'left', width: 100 },
+  { title: '最新版本', key: 'latestVersion', align: 'left', width: 120 },
+  { title: '最低支持', key: 'minSupportedVersion', align: 'left', width: 120 },
+  {
+    title: '更新类型',
+    key: 'updateType',
+    align: 'left',
+    width: 110,
+    render(row: State) {
+      return dict.getLabel('ImAppUpdateTypeOptions', row.updateType) || row.updateType;
+    },
+  },
+  { title: '再次提醒', key: 'remindAfterSeconds', align: 'left', width: 110 },
+  { title: '商店地址', key: 'storeUrl', align: 'left', width: 220 },
+  { title: '安装包地址', key: 'packageUrl', align: 'left', width: 220 },
+  { title: '发布时间', key: 'publishedAt', align: 'left', width: 180 },
+  { title: '更新时间', key: 'updatedAt', align: 'left', width: 180 },
+];
+
+export const rules = {
+  platform: { required: true, trigger: ['blur', 'change'], type: 'string', message: '请选择平台' },
+  channel: { required: true, trigger: ['blur', 'input'], type: 'string', message: '请输入渠道' },
+  latestVersion: {
+    required: true,
+    trigger: ['blur', 'input'],
+    type: 'string',
+    message: '请输入最新版本',
+  },
+  minSupportedVersion: {
+    required: true,
+    trigger: ['blur', 'input'],
+    type: 'string',
+    message: '请输入最低支持版本',
+  },
+  updateType: {
+    required: true,
+    trigger: ['blur', 'change'],
+    type: 'string',
+    message: '请选择更新类型',
+  },
+};
+
+export function loadOptions() {
+  dict.loadOptions(['ImAppPlatformOptions', 'ImAppUpdateTypeOptions']);
+}
+
+export async function loadTenantOptions() {
+  const res = await TenantList({ page: 1, perPage: 100 });
+  tenantOptions.value = (res?.list || []).map((item) => ({
+    label: `${item.name}（${item.code}）`,
+    value: item.id,
+  }));
+  return tenantOptions.value;
+}

web/src/views/imFeedbackConfig/index.vue

@@ -0,0 +1,140 @@
+<template>
+  <div>
+    <div class="n-layout-page-header">
+      <n-card :bordered="false" title="IM意见反馈配置" />
+    </div>
+    <n-card :bordered="false" class="proCard">
+      <n-form
+        ref="formRef"
+        :model="formValue"
+        :rules="rules"
+        label-placement="left"
+        label-width="120"
+      >
+        <n-form-item v-if="isPlatformAdmin" label="租户">
+          <n-select
+            v-model:value="selectedTenantId"
+            :options="tenantOptions"
+            placeholder="请选择租户"
+            @update:value="loadConfig"
+          />
+        </n-form-item>
+        <n-form-item label="允许联系方式">
+          <n-switch v-model:value="allowContactValue" />
+        </n-form-item>
+        <n-form-item label="最大字数" path="maxLength">
+          <n-input-number v-model:value="formValue.maxLength" :min="1" />
+        </n-form-item>
+        <n-form-item label="反馈分类">
+          <n-input
+            v-model:value="formValue.categories"
+            type="textarea"
+            :autosize="{ minRows: 3, maxRows: 6 }"
+            placeholder="请输入JSON数组"
+          />
+        </n-form-item>
+        <n-form-item label="附件策略">
+          <n-input
+            v-model:value="formValue.attachmentPolicy"
+            type="textarea"
+            :autosize="{ minRows: 3, maxRows: 6 }"
+            placeholder="请输入JSON对象"
+          />
+        </n-form-item>
+        <n-form-item label="诊断提示" path="diagnosticsNotice">
+          <n-input
+            v-model:value="formValue.diagnosticsNotice"
+            type="textarea"
+            :autosize="{ minRows: 4, maxRows: 8 }"
+            placeholder="请输入诊断提示"
+          />
+        </n-form-item>
+        <n-form-item>
+          <n-space>
+            <n-button
+              type="primary"
+              :loading="submitLoading"
+              :disabled="!hasPermission(['/imFeedbackConfig/update']) || !currentTenantReady"
+              @click="handleSubmit"
+            >
+              保存
+            </n-button>
+            <n-button :loading="loadLoading" @click="loadConfig">刷新</n-button>
+          </n-space>
+        </n-form-item>
+      </n-form>
+    </n-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { computed, onMounted, ref } from 'vue';
+  import { useMessage } from 'naive-ui';
+  import { usePermission } from '@/hooks/web/usePermission';
+  import { useUserStore } from '@/store/modules/user';
+  import { Get, Update } from '@/api/imFeedbackConfig';
+  import { loadOptions, loadTenantOptions, newState, rules, State, tenantOptions } from './model';
+
+  const message = useMessage();
+  const { hasPermission } = usePermission();
+  const userStore = useUserStore();
+  const isPlatformAdmin = computed(() => userStore.isCompanyDept);
+  const formRef = ref();
+  const formValue = ref<State>(newState(null));
+  const selectedTenantId = ref(0);
+  const loadLoading = ref(false);
+  const submitLoading = ref(false);
+  const currentTenantReady = computed(() => !isPlatformAdmin.value || selectedTenantId.value > 0);
+
+  const allowContactValue = computed({
+    get: () => formValue.value.allowContact === 1,
+    set: (value: boolean) => {
+      formValue.value.allowContact = value ? 1 : 0;
+    },
+  });
+
+  async function loadConfig() {
+    if (!currentTenantReady.value) return;
+    loadLoading.value = true;
+    try {
+      const data = await Get({ tenantId: selectedTenantId.value });
+      formValue.value = newState(data || null);
+      formValue.value.tenantId = selectedTenantId.value;
+    } catch (e: any) {
+      message.error(e.message || '加载失败');
+    } finally {
+      loadLoading.value = false;
+    }
+  }
+
+  async function handleSubmit() {
+    submitLoading.value = true;
+    try {
+      await formRef.value?.validate();
+      const categories = JSON.parse(formValue.value.categories || '[]');
+      const attachmentPolicy = JSON.parse(formValue.value.attachmentPolicy || '{}');
+      await Update({
+        ...formValue.value,
+        tenantId: selectedTenantId.value,
+        categories,
+        attachmentPolicy,
+      });
+      message.success('操作成功');
+      await loadConfig();
+    } catch (e: any) {
+      message.error(e.message || '操作失败');
+    } finally {
+      submitLoading.value = false;
+    }
+  }
+
+  onMounted(async () => {
+    loadOptions();
+    if (isPlatformAdmin.value) {
+      await loadTenantOptions();
+      if (tenantOptions.value.length > 0) selectedTenantId.value = tenantOptions.value[0].value;
+      else message.warning('暂无可用租户');
+    }
+    await loadConfig();
+  });
+</script>

web/src/views/imFeedbackConfig/model.ts

@@ -0,0 +1,58 @@
+import { ref } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { List as TenantList } from '@/api/imTenant';
+import { useDictStore } from '@/store/modules/dict';
+
+export const tenantOptions = ref<any[]>([]);
+
+export class State {
+  public tenantId = 0;
+  public tenantName = '';
+  public id = 1;
+  public categories = '["bug","suggestion","complaint","other"]';
+  public maxLength = 1000;
+  public attachmentPolicy = '{"max_files":5,"purpose":"feedback"}';
+  public allowContact = 1;
+  public diagnosticsNotice = '仅在你同意时上传脱敏诊断信息。';
+  public updatedAt = '';
+
+  constructor(state?: Partial<State>) {
+    if (state) Object.assign(this, state);
+  }
+}
+
+export function newState(state: State | Record<string, any> | null): State {
+  if (state !== null) {
+    if (state instanceof State) return cloneDeep(state);
+    return new State(state);
+  }
+  return new State();
+}
+
+export const rules = {
+  diagnosticsNotice: {
+    required: true,
+    trigger: ['blur', 'input'],
+    type: 'string',
+    message: '请输入诊断提示',
+  },
+  maxLength: {
+    required: true,
+    trigger: ['blur', 'input'],
+    type: 'number',
+    message: '请输入最大字数',
+  },
+};
+
+export function loadOptions() {
+  useDictStore().loadOptions(['ImFilePolicySwitchOptions']);
+}
+
+export async function loadTenantOptions() {
+  const res = await TenantList({ page: 1, perPage: 100 });
+  tenantOptions.value = (res?.list || []).map((item) => ({
+    label: `${item.name}（${item.code}）`,
+    value: item.id,
+  }));
+  return tenantOptions.value;
+}

web/src/views/imMailboxConfig/index.vue

@@ -0,0 +1,152 @@
+<template>
+  <div>
+    <div class="n-layout-page-header">
+      <n-card :bordered="false" title="IM总经理信箱配置" />
+    </div>
+    <n-card :bordered="false" class="proCard">
+      <n-form
+        ref="formRef"
+        :model="formValue"
+        :rules="rules"
+        label-placement="left"
+        label-width="120"
+      >
+        <n-form-item v-if="isPlatformAdmin" label="租户">
+          <n-select
+            v-model:value="selectedTenantId"
+            :options="tenantOptions"
+            placeholder="请选择租户"
+            @update:value="loadConfig"
+          />
+        </n-form-item>
+        <n-form-item label="启用信箱">
+          <n-switch v-model:value="enabledValue" />
+        </n-form-item>
+        <n-form-item label="允许匿名">
+          <n-switch v-model:value="allowAnonymousValue" />
+        </n-form-item>
+        <n-form-item label="最大字数" path="maxLength">
+          <n-input-number v-model:value="formValue.maxLength" :min="1" />
+        </n-form-item>
+        <n-form-item label="必填字段">
+          <n-input
+            v-model:value="formValue.requiredFields"
+            type="textarea"
+            :autosize="{ minRows: 3, maxRows: 6 }"
+            placeholder="请输入JSON数组"
+          />
+        </n-form-item>
+        <n-form-item label="附件策略">
+          <n-input
+            v-model:value="formValue.attachmentPolicy"
+            type="textarea"
+            :autosize="{ minRows: 3, maxRows: 6 }"
+            placeholder="请输入JSON对象"
+          />
+        </n-form-item>
+        <n-form-item label="告知标题" path="noticeTitle">
+          <n-input v-model:value="formValue.noticeTitle" placeholder="请输入告知标题" />
+        </n-form-item>
+        <n-form-item label="告知内容" path="noticeContent">
+          <n-input
+            v-model:value="formValue.noticeContent"
+            type="textarea"
+            :autosize="{ minRows: 5, maxRows: 10 }"
+            placeholder="请输入告知内容"
+          />
+        </n-form-item>
+        <n-form-item>
+          <n-space>
+            <n-button
+              type="primary"
+              :loading="submitLoading"
+              :disabled="!hasPermission(['/imMailboxConfig/update']) || !currentTenantReady"
+              @click="handleSubmit"
+            >
+              保存
+            </n-button>
+            <n-button :loading="loadLoading" @click="loadConfig">刷新</n-button>
+          </n-space>
+        </n-form-item>
+      </n-form>
+    </n-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { computed, onMounted, ref } from 'vue';
+  import { useMessage } from 'naive-ui';
+  import { usePermission } from '@/hooks/web/usePermission';
+  import { useUserStore } from '@/store/modules/user';
+  import { Get, Update } from '@/api/imMailboxConfig';
+  import { loadOptions, loadTenantOptions, newState, rules, State, tenantOptions } from './model';
+
+  const message = useMessage();
+  const { hasPermission } = usePermission();
+  const userStore = useUserStore();
+  const isPlatformAdmin = computed(() => userStore.isCompanyDept);
+  const formRef = ref();
+  const formValue = ref<State>(newState(null));
+  const selectedTenantId = ref(0);
+  const loadLoading = ref(false);
+  const submitLoading = ref(false);
+  const currentTenantReady = computed(() => !isPlatformAdmin.value || selectedTenantId.value > 0);
+
+  const enabledValue = computed({
+    get: () => formValue.value.enabled === 1,
+    set: (value: boolean) => {
+      formValue.value.enabled = value ? 1 : 0;
+    },
+  });
+  const allowAnonymousValue = computed({
+    get: () => formValue.value.allowAnonymous === 1,
+    set: (value: boolean) => {
+      formValue.value.allowAnonymous = value ? 1 : 0;
+    },
+  });
+
+  async function loadConfig() {
+    if (!currentTenantReady.value) return;
+    loadLoading.value = true;
+    try {
+      const data = await Get({ tenantId: selectedTenantId.value });
+      formValue.value = newState(data || null);
+      formValue.value.tenantId = selectedTenantId.value;
+    } catch (e: any) {
+      message.error(e.message || '加载失败');
+    } finally {
+      loadLoading.value = false;
+    }
+  }
+
+  async function handleSubmit() {
+    submitLoading.value = true;
+    try {
+      await formRef.value?.validate();
+      const requiredFields = JSON.parse(formValue.value.requiredFields || '[]');
+      const attachmentPolicy = JSON.parse(formValue.value.attachmentPolicy || '{}');
+      await Update({
+        ...formValue.value,
+        tenantId: selectedTenantId.value,
+        requiredFields,
+        attachmentPolicy,
+      });
+      message.success('操作成功');
+      await loadConfig();
+    } catch (e: any) {
+      message.error(e.message || '操作失败');
+    } finally {
+      submitLoading.value = false;
+    }
+  }
+
+  onMounted(async () => {
+    loadOptions();
+    if (isPlatformAdmin.value) {
+      await loadTenantOptions();
+      if (tenantOptions.value.length > 0) selectedTenantId.value = tenantOptions.value[0].value;
+      else message.warning('暂无可用租户');
+    }
+    await loadConfig();
+  });
+</script>

web/src/views/imMailboxConfig/model.ts

@@ -0,0 +1,67 @@
+import { ref } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { List as TenantList } from '@/api/imTenant';
+import { useDictStore } from '@/store/modules/dict';
+
+export const tenantOptions = ref<any[]>([]);
+
+export class State {
+  public tenantId = 0;
+  public tenantName = '';
+  public id = 1;
+  public enabled = 1;
+  public allowAnonymous = 1;
+  public requiredFields = '["subject","content"]';
+  public maxLength = 5000;
+  public attachmentPolicy = '{"max_files":5,"purpose":"executive_mailbox"}';
+  public noticeTitle = '总经理信箱';
+  public noticeContent = '请如实填写诉求，匿名提交将按企业政策保护展示身份。';
+  public noticeUpdatedAt = '';
+  public updatedAt = '';
+
+  constructor(state?: Partial<State>) {
+    if (state) Object.assign(this, state);
+  }
+}
+
+export function newState(state: State | Record<string, any> | null): State {
+  if (state !== null) {
+    if (state instanceof State) return cloneDeep(state);
+    return new State(state);
+  }
+  return new State();
+}
+
+export const rules = {
+  noticeTitle: {
+    required: true,
+    trigger: ['blur', 'input'],
+    type: 'string',
+    message: '请输入告知标题',
+  },
+  noticeContent: {
+    required: true,
+    trigger: ['blur', 'input'],
+    type: 'string',
+    message: '请输入告知内容',
+  },
+  maxLength: {
+    required: true,
+    trigger: ['blur', 'input'],
+    type: 'number',
+    message: '请输入最大字数',
+  },
+};
+
+export function loadOptions() {
+  useDictStore().loadOptions(['ImFilePolicySwitchOptions']);
+}
+
+export async function loadTenantOptions() {
+  const res = await TenantList({ page: 1, perPage: 100 });
+  tenantOptions.value = (res?.list || []).map((item) => ({
+    label: `${item.name}（${item.code}）`,
+    value: item.id,
+  }));
+  return tenantOptions.value;
+}

web/src/views/imWorkbench/index.vue

@@ -0,0 +1,291 @@
+<template>
+  <div>
+    <div class="n-layout-page-header">
+      <n-card :bordered="false" title="IM工作台" />
+    </div>
+    <n-card :bordered="false" class="proCard">
+      <BasicForm
+        ref="searchFormRef"
+        @register="register"
+        @submit="reloadTable"
+        @reset="handleReset"
+        @keyup.enter="reloadTable"
+      />
+      <BasicTable
+        ref="actionRef"
+        :columns="columns"
+        :request="loadDataTable"
+        :row-key="(row) => row.tenantId + '-' + row.code"
+        :actionColumn="actionColumn"
+        :scroll-x="scrollX"
+        :resizeHeightOffset="-10000"
+      >
+        <template #tableTitle>
+          <n-space>
+            <n-button
+              type="primary"
+              :disabled="!hasPermission(['/imWorkbench/edit']) || !currentTenantReady"
+              @click="handleCreate"
+            >
+              新增模块
+            </n-button>
+            <n-button
+              :disabled="!hasPermission(['/imWorkbench/reorder']) || tableRows.length === 0"
+              :loading="reorderLoading"
+              @click="handleReorder"
+            >
+              保存排序
+            </n-button>
+          </n-space>
+        </template>
+      </BasicTable>
+    </n-card>
+
+    <n-modal
+      v-model:show="showModal"
+      preset="dialog"
+      :show-icon="false"
+      :title="formValue.id > 0 ? '编辑工作台模块' : '新增工作台模块'"
+      :style="{ width: dialogWidth }"
+    >
+      <n-form
+        ref="formRef"
+        :model="formValue"
+        :rules="rules"
+        label-placement="left"
+        label-width="92"
+      >
+        <n-form-item label="编码" path="code">
+          <n-input
+            v-model:value="formValue.code"
+            :disabled="formValue.id > 0"
+            placeholder="请输入模块编码"
+          />
+        </n-form-item>
+        <n-form-item label="名称" path="name">
+          <n-input v-model:value="formValue.name" placeholder="请输入模块名称" />
+        </n-form-item>
+        <n-form-item label="路由" path="route">
+          <n-select
+            v-model:value="formValue.route"
+            :options="routeOptions"
+            placeholder="请选择客户端路由"
+          />
+        </n-form-item>
+        <n-form-item label="排序">
+          <n-input-number v-model:value="formValue.sortOrder" :min="0" />
+        </n-form-item>
+        <n-form-item label="图标ID">
+          <n-input v-model:value="formValue.iconFileId" placeholder="请输入图标文件ID" />
+        </n-form-item>
+        <n-form-item label="角标Key">
+          <n-input v-model:value="formValue.unreadKey" placeholder="请输入未读角标Key" />
+        </n-form-item>
+        <n-form-item label="权限" path="permission">
+          <n-select
+            v-model:value="formValue.permission"
+            :options="permissionOptions"
+            placeholder="请选择权限策略"
+          />
+        </n-form-item>
+        <n-form-item label="状态">
+          <n-switch v-model:value="enabledValue" />
+        </n-form-item>
+      </n-form>
+      <template #action>
+        <n-space>
+          <n-button @click="showModal = false">取消</n-button>
+          <n-button type="primary" :loading="submitLoading" @click="handleSubmit">保存</n-button>
+        </n-space>
+      </template>
+    </n-modal>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { computed, h, onMounted, reactive, ref } from 'vue';
+  import { useDialog, useMessage } from 'naive-ui';
+  import { useDictStore } from '@/store/modules/dict';
+  import { BasicForm, useForm } from '@/components/Form/index';
+  import { BasicTable, TableAction } from '@/components/Table';
+  import { usePermission } from '@/hooks/web/usePermission';
+  import { useUserStore } from '@/store/modules/user';
+  import { Delete, Edit, List, Reorder } from '@/api/imWorkbench';
+  import { adaModalWidth, adaTableScrollX } from '@/utils/hotgo';
+  import {
+    columns,
+    loadOptions,
+    loadTenantOptions,
+    newState,
+    rules,
+    schemas,
+    State,
+    tenantOptions,
+  } from './model';
+
+  const dict = useDictStore();
+  const dialog = useDialog();
+  const message = useMessage();
+  const { hasPermission } = usePermission();
+  const userStore = useUserStore();
+  const isPlatformAdmin = computed(() => userStore.isCompanyDept);
+  const actionRef = ref();
+  const searchFormRef = ref<any>({});
+  const formRef = ref();
+  const showModal = ref(false);
+  const submitLoading = ref(false);
+  const reorderLoading = ref(false);
+  const tableRows = ref<State[]>([]);
+  const formValue = ref<State>(newState(null));
+  const dialogWidth = computed(() => adaModalWidth(640));
+  const routeOptions = computed(() => dict.getOptions('ImWorkbenchRouteOptions'));
+  const permissionOptions = computed(() => dict.getOptions('ImWorkbenchPermissionOptions'));
+  const currentTenantReady = computed(
+    () => !isPlatformAdmin.value || !!searchFormRef.value?.formModel?.tenantId
+  );
+
+  const tenantSchema = schemas.value.find((item) => item.field === 'tenantId');
+  if (tenantSchema) {
+    tenantSchema.ifShow = () => isPlatformAdmin.value;
+  }
+
+  const enabledValue = computed({
+    get: () => formValue.value.enabled === 1,
+    set: (value: boolean) => {
+      formValue.value.enabled = value ? 1 : 0;
+    },
+  });
+
+  const actionColumn = reactive({
+    width: 150,
+    title: '操作',
+    key: 'action',
+    fixed: 'right',
+    render(record: State) {
+      return h(TableAction as any, {
+        style: 'button',
+        actions: [
+          {
+            label: '编辑',
+            auth: ['/imWorkbench/edit'],
+            onClick: () => handleEdit(record),
+          },
+          {
+            label: '禁用',
+            auth: ['/imWorkbench/delete'],
+            disabled: record.enabled === 0,
+            onClick: () => handleDelete(record),
+          },
+        ],
+      });
+    },
+  });
+  const scrollX = computed(() => adaTableScrollX(columns, actionColumn.width));
+
+  const [register, { setFieldsValue }] = useForm({
+    gridProps: { cols: '1 s:1 m:2 l:3 xl:4 2xl:4' },
+    labelWidth: 90,
+    schemas,
+  });
+
+  const loadDataTable = async (res) => {
+    const params = { ...searchFormRef.value?.formModel, ...res };
+    if (isPlatformAdmin.value && !params.tenantId) {
+      tableRows.value = [];
+      return { list: [], page: 1, pageCount: 0, totalCount: 0 };
+    }
+    const data = await List(params);
+    tableRows.value = data?.list || [];
+    return data;
+  };
+
+  function reloadTable() {
+    actionRef.value?.reload();
+  }
+
+  async function handleReset() {
+    const defaults: Recordable = {};
+    if (isPlatformAdmin.value && tenantOptions.value.length > 0)
+      defaults.tenantId = tenantOptions.value[0].value;
+    await setFieldsValue(defaults);
+    reloadTable();
+  }
+
+  function handleCreate() {
+    formValue.value = newState({
+      tenantId: searchFormRef.value?.formModel?.tenantId || 0,
+      enabled: 1,
+      permission: 'enabled',
+      sortOrder: (tableRows.value.length + 1) * 10,
+    });
+    showModal.value = true;
+  }
+
+  function handleEdit(record: State) {
+    formValue.value = newState(record);
+    showModal.value = true;
+  }
+
+  function handleDelete(record: State) {
+    dialog.warning({
+      title: '确认禁用',
+      content: `确定禁用工作台模块「${record.name}」吗？`,
+      positiveText: '禁用',
+      negativeText: '取消',
+      onPositiveClick: async () => {
+        await Delete({ tenantId: record.tenantId, id: record.id, code: record.code });
+        message.success('操作成功');
+        reloadTable();
+      },
+    });
+  }
+
+  async function handleReorder() {
+    reorderLoading.value = true;
+    try {
+      const tenantId =
+        searchFormRef.value?.formModel?.tenantId || tableRows.value[0]?.tenantId || 0;
+      await Reorder({
+        tenantId,
+        items: tableRows.value.map((item, index) => ({
+          code: item.code,
+          sortOrder: item.sortOrder || (index + 1) * 10,
+        })),
+      });
+      message.success('操作成功');
+      reloadTable();
+    } catch (e: any) {
+      message.error(e.message || '操作失败');
+    } finally {
+      reorderLoading.value = false;
+    }
+  }
+
+  async function handleSubmit() {
+    submitLoading.value = true;
+    try {
+      await formRef.value?.validate();
+      await Edit({ ...formValue.value });
+      message.success('操作成功');
+      showModal.value = false;
+      reloadTable();
+    } catch (e: any) {
+      message.error(e.message || '操作失败');
+    } finally {
+      submitLoading.value = false;
+    }
+  }
+
+  onMounted(async () => {
+    loadOptions();
+    if (isPlatformAdmin.value) {
+      await loadTenantOptions();
+      if (tenantOptions.value.length > 0) {
+        await setFieldsValue({ tenantId: tenantOptions.value[0].value });
+      } else {
+        message.warning('暂无可用租户');
+      }
+    }
+    reloadTable();
+  });
+</script>

web/src/views/imWorkbench/model.ts

@@ -0,0 +1,143 @@
+import { computed, ref } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { FormSchema } from '@/components/Form';
+import { useDictStore } from '@/store/modules/dict';
+import { List as TenantList } from '@/api/imTenant';
+
+const dict = useDictStore();
+
+export const tenantOptions = ref<any[]>([]);
+
+export class State {
+  public tenantId = 0;
+  public tenantName = '';
+  public id = 0;
+  public code = '';
+  public name = '';
+  public iconFileId = '';
+  public route = '';
+  public sortOrder = 0;
+  public unreadKey = '';
+  public enabled = 1;
+  public permission = 'enabled';
+  public createdAt = '';
+  public updatedAt = '';
+
+  constructor(state?: Partial<State>) {
+    if (state) Object.assign(this, state);
+  }
+}
+
+export function newState(state: State | Record<string, any> | null): State {
+  if (state !== null) {
+    if (state instanceof State) return cloneDeep(state);
+    return new State(state);
+  }
+  return new State();
+}
+
+export const schemas = ref<FormSchema[]>([
+  {
+    field: 'tenantId',
+    component: 'NSelect',
+    label: '租户',
+    componentProps: {
+      clearable: false,
+      options: computed(() => tenantOptions.value),
+      placeholder: '请选择租户',
+    },
+  },
+  {
+    field: 'code',
+    component: 'NInput',
+    label: '编码',
+    componentProps: {
+      clearable: true,
+      placeholder: '请输入模块编码',
+    },
+  },
+  {
+    field: 'name',
+    component: 'NInput',
+    label: '名称',
+    componentProps: {
+      clearable: true,
+      placeholder: '请输入模块名称',
+    },
+  },
+  {
+    field: 'enabled',
+    component: 'NSelect',
+    label: '状态',
+    componentProps: {
+      clearable: true,
+      options: computed(() => dict.getOptions('ImWorkbenchAppEnabledOptions')),
+      placeholder: '请选择状态',
+    },
+  },
+]);
+
+export const columns = [
+  { title: '编码', key: 'code', align: 'left', width: 150 },
+  { title: '名称', key: 'name', align: 'left', width: 140 },
+  {
+    title: '路由',
+    key: 'route',
+    align: 'left',
+    width: 160,
+    render(row: State) {
+      return dict.getLabel('ImWorkbenchRouteOptions', row.route) || row.route;
+    },
+  },
+  { title: '排序', key: 'sortOrder', align: 'left', width: 90 },
+  { title: '图标ID', key: 'iconFileId', align: 'left', width: 150 },
+  { title: '角标Key', key: 'unreadKey', align: 'left', width: 130 },
+  {
+    title: '状态',
+    key: 'enabled',
+    align: 'left',
+    width: 90,
+    render(row: State) {
+      return dict.getLabel('ImWorkbenchAppEnabledOptions', row.enabled);
+    },
+  },
+  {
+    title: '权限',
+    key: 'permission',
+    align: 'left',
+    width: 120,
+    render(row: State) {
+      return dict.getLabel('ImWorkbenchPermissionOptions', row.permission) || row.permission;
+    },
+  },
+  { title: '更新时间', key: 'updatedAt', align: 'left', width: 180 },
+];
+
+export const rules = {
+  code: { required: true, trigger: ['blur', 'input'], type: 'string', message: '请输入模块编码' },
+  name: { required: true, trigger: ['blur', 'input'], type: 'string', message: '请输入模块名称' },
+  route: { required: true, trigger: ['blur', 'change'], type: 'string', message: '请选择路由' },
+  permission: {
+    required: true,
+    trigger: ['blur', 'change'],
+    type: 'string',
+    message: '请选择权限策略',
+  },
+};
+
+export function loadOptions() {
+  dict.loadOptions([
+    'ImWorkbenchAppEnabledOptions',
+    'ImWorkbenchPermissionOptions',
+    'ImWorkbenchRouteOptions',
+  ]);
+}
+
+export async function loadTenantOptions() {
+  const res = await TenantList({ page: 1, perPage: 100 });
+  tenantOptions.value = (res?.list || []).map((item) => ({
+    label: `${item.name}（${item.code}）`,
+    value: item.id,
+  }));
+  return tenantOptions.value;
+}