diff --git a/apps/web-antd/src/api/product-manage/index.ts b/apps/web-antd/src/api/product-manage/index.ts
index 3b71bfa..17798bf 100644
--- a/apps/web-antd/src/api/product-manage/index.ts
+++ b/apps/web-antd/src/api/product-manage/index.ts
@@ -1,3 +1,3 @@
 export * from './feature';
 export * from './product';
-export * from './whitelist';
+export * from './query-whitelist';
diff --git a/apps/web-antd/src/api/product-manage/query-whitelist.ts b/apps/web-antd/src/api/product-manage/query-whitelist.ts
new file mode 100644
index 0000000..2d0cb6d
--- /dev/null
+++ b/apps/web-antd/src/api/product-manage/query-whitelist.ts
@@ -0,0 +1,89 @@
+import type { Recordable } from '@vben/types';
+
+import { requestClient } from '#/api/request';
+
+export namespace QueryWhitelistApi {
+  export interface Entry {
+    id: string;
+    name: string;
+    id_card_masked: string;
+    api_codes: string[];
+    status: string;
+    remark: string;
+    created_at: string;
+    updated_at: string;
+  }
+
+  export interface OperationResponse {
+    code: number;
+    message: string;
+    transaction_id: string;
+    entry?: Entry;
+  }
+
+  export interface CreateRequest {
+    name?: string;
+    id_card: string;
+    api_codes: string[];
+    remark?: string;
+  }
+
+  export interface AppendRequest {
+    name?: string;
+    id_card: string;
+    api_codes: string[];
+    remark?: string;
+  }
+
+  export interface OpLogItem {
+    id: string;
+    admin_user_id: string;
+    admin_username: string;
+    action: string;
+    action_text: string;
+    name: string;
+    id_card: string;
+    id_card_masked: string;
+    api_codes: string[];
+    remark: string;
+    tianyuan_code: number;
+    tianyuan_message: string;
+    transaction_id: string;
+    entry_id: string;
+    entry_status: string;
+    entry_api_codes: string[];
+    create_time: string;
+  }
+
+  export interface OpLogList {
+    total: number;
+    items: OpLogItem[];
+  }
+}
+
+async function createQueryWhitelist(data: QueryWhitelistApi.CreateRequest) {
+  return requestClient.post<QueryWhitelistApi.OperationResponse>(
+    '/query-whitelist/create',
+    data,
+  );
+}
+
+async function appendQueryWhitelist(data: QueryWhitelistApi.AppendRequest) {
+  return requestClient.post<QueryWhitelistApi.OperationResponse>(
+    '/query-whitelist/append',
+    data,
+  );
+}
+
+async function getQueryWhitelistOpLogList(params: Recordable<any>) {
+  return requestClient.get<QueryWhitelistApi.OpLogList>(
+    '/query-whitelist/op-log/list',
+    { params },
+  );
+}
+
+export {
+  appendQueryWhitelist,
+  createQueryWhitelist,
+  getQueryWhitelistOpLogList,
+};
diff --git a/apps/web-antd/src/api/product-manage/whitelist.ts b/apps/web-antd/src/api/product-manage/whitelist.ts
deleted file mode 100644
index 4ae8ad2..0000000
--- a/apps/web-antd/src/api/product-manage/whitelist.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-import type { Recordable } from '@vben/types';
-
-import { requestClient } from '#/api/request';
-
-export namespace WhitelistApi {
-  export interface WhitelistItem {
-    id: string;
-    id_card: string;
-    feature_id: string;
-    feature_api_id: string;
-    feature_name: string;
-    user_id: string;
-    amount: number;
-    status: number;
-    status_text: string;
-    create_time: string;
-    update_time: string;
-  }
-
-  export interface WhitelistList {
-    total: number;
-    items: WhitelistItem[];
-  }
-
-  export interface CreateWhitelistRequest {
-    id_card: string;
-    feature_id: string;
-    amount?: number;
-    status?: number;
-  }
-
-  export interface BatchCreateWhitelistRequest {
-    id_card: string;
-    feature_ids: string[];
-    amount?: number;
-    status?: number;
-  }
-
-  export interface BatchCreateWhitelistResultItem {
-    feature_id: string;
-    feature_api_id: string;
-    feature_name: string;
-    action: string;
-    message?: string;
-  }
-
-  export interface BatchCreateWhitelistResponse {
-    success_count: number;
-    skip_count: number;
-    fail_count: number;
-    items: BatchCreateWhitelistResultItem[];
-  }
-
-  export interface UpdateWhitelistRequest {
-    status?: number;
-    amount?: number;
-  }
-}
-
-async function getWhitelistList(params: Recordable<any>) {
-  return requestClient.get<WhitelistApi.WhitelistList>('/whitelist/list', {
-    params,
-  });
-}
-
-async function createWhitelist(data: WhitelistApi.CreateWhitelistRequest) {
-  return requestClient.post<{ id: string }>('/whitelist/create', data);
-}
-
-async function batchCreateWhitelist(
-  data: WhitelistApi.BatchCreateWhitelistRequest,
-) {
-  return requestClient.post<WhitelistApi.BatchCreateWhitelistResponse>(
-    '/whitelist/batch-create',
-    data,
-  );
-}
-
-async function updateWhitelist(
-  id: string,
-  data: WhitelistApi.UpdateWhitelistRequest,
-) {
-  return requestClient.put<{ success: boolean }>(
-    `/whitelist/update/${id}`,
-    data,
-  );
-}
-
-async function deleteWhitelist(id: string) {
-  return requestClient.delete<{ success: boolean }>(
-    `/whitelist/delete/${id}`,
-  );
-}
-
-export {
-  batchCreateWhitelist,
-  createWhitelist,
-  deleteWhitelist,
-  getWhitelistList,
-  updateWhitelist,
-};
diff --git a/apps/web-antd/src/views/product-manage/query-whitelist/data.ts b/apps/web-antd/src/views/product-manage/query-whitelist/data.ts
new file mode 100644
index 0000000..4144329
--- /dev/null
+++ b/apps/web-antd/src/views/product-manage/query-whitelist/data.ts
@@ -0,0 +1,68 @@
+import type { VbenFormSchema } from '#/adapter/form';
+
+/** 快捷勾选预设：按模块编号 api_id 匹配 */
+export const QUERY_WHITELIST_QUICK_PRESETS = [
+  {
+    label: '司法涉诉 + 违约失信',
+    apiIds: ['FLXG7E8F', 'JRZQ8A2D'],
+  },
+  {
+    label: '司法涉诉',
+    apiIds: ['FLXG7E8F'],
+  },
+  {
+    label: '违约失信',
+    apiIds: ['JRZQ8A2D'],
+  },
+] as const;
+
+export function useFormSchema(): VbenFormSchema[] {
+  return [
+    {
+      component: 'Input',
+      fieldName: 'id_card',
+      label: '身份证号',
+      rules: 'required',
+      componentProps: {
+        placeholder: '请输入18位中国大陆身份证号',
+        maxlength: 18,
+      },
+    },
+    {
+      component: 'Input',
+      fieldName: 'name',
+      label: '姓名',
+      defaultValue: '*',
+      help: '填 * 表示只按身份证匹配，不校验姓名',
+      componentProps: {
+        placeholder: '默认 *，仅按身份证匹配',
+      },
+    },
+    {
+      component: 'Select',
+      fieldName: 'api_codes',
+      label: '产品编码',
+      rules: 'required',
+      formItemClass: 'items-start',
+      componentProps: {
+        mode: 'multiple',
+        showSearch: true,
+        optionFilterProp: 'label',
+        allowClear: true,
+        placeholder: '请选择要屏蔽的产品编码，支持多选',
+        options: [],
+        class: 'w-full',
+      },
+    },
+    {
+      component: 'Input',
+      fieldName: 'remark',
+      label: '备注',
+      componentProps: {
+        placeholder: '可选，最长500字符',
+        maxlength: 500,
+        showCount: true,
+      },
+    },
+  ];
+}
diff --git a/apps/web-antd/src/views/product-manage/query-whitelist/list.vue b/apps/web-antd/src/views/product-manage/query-whitelist/list.vue
new file mode 100644
index 0000000..dedd628
--- /dev/null
+++ b/apps/web-antd/src/views/product-manage/query-whitelist/list.vue
@@ -0,0 +1,296 @@
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { FeatureApi, QueryWhitelistApi } from '#/api/product-manage';
+
+import { ref } from 'vue';
+
+import { Page } from '@vben/common-ui';
+
+import { Alert, Button, Card, Descriptions, message, Space, Tag } from 'ant-design-vue';
+
+import { useVbenForm } from '#/adapter/form';
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  appendQueryWhitelist,
+  createQueryWhitelist,
+  getFeatureList,
+  getQueryWhitelistOpLogList,
+} from '#/api/product-manage';
+
+import { QUERY_WHITELIST_QUICK_PRESETS, useFormSchema } from './data';
+import {
+  formatApiCodes,
+  isTianyuanSuccess,
+  useOpLogColumns,
+  useOpLogGridFormSchema,
+} from './op-log-data';
+
+const featureList = ref<FeatureApi.FeatureItem[]>([]);
+const lastResult = ref<QueryWhitelistApi.OperationResponse | null>(null);
+const submitting = ref(false);
+const submitAction = ref<'create' | 'append' | null>(null);
+
+const [Form, formApi] = useVbenForm({
+  schema: useFormSchema(),
+  showDefaultActions: false,
+  commonConfig: {
+    labelWidth: 100,
+  },
+});
+
+const [OpLogGrid, opLogGridApi] = useVbenVxeGrid({
+  formOptions: {
+    schema: useOpLogGridFormSchema(),
+    submitOnChange: true,
+  },
+  gridOptions: {
+    columns: useOpLogColumns(),
+    height: 'auto',
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getQueryWhitelistOpLogList({
+            page: page.currentPage,
+            pageSize: page.pageSize,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+    },
+    toolbarConfig: {
+      custom: true,
+      export: false,
+      refresh: { code: 'query' },
+      search: true,
+      zoom: true,
+    },
+  } as VxeTableGridOptions<QueryWhitelistApi.OpLogItem>,
+});
+
+async function loadFeatureOptions() {
+  const result = await getFeatureList({ page: 1, pageSize: 500 });
+  featureList.value = result.items || [];
+  const options = featureList.value.map((item) => ({
+    label: `${item.api_id} - ${item.name}`,
+    value: item.api_id,
+  }));
+  formApi.updateSchema([
+    {
+      fieldName: 'api_codes',
+      componentProps: {
+        options,
+      },
+    },
+  ]);
+}
+
+function resolveApiCodesByIds(apiIds: string[]) {
+  const availableIds = new Set(featureList.value.map((item) => item.api_id));
+  return apiIds.filter((apiId) => availableIds.has(apiId));
+}
+
+async function applyPreset(apiIds: readonly string[]) {
+  if (featureList.value.length === 0) {
+    await loadFeatureOptions();
+  }
+  const selectedCodes = resolveApiCodesByIds([...apiIds]);
+  if (selectedCodes.length === 0) {
+    message.warning('未找到对应产品编码，请确认模块是否存在于系统中');
+    return;
+  }
+  const currentValues = await formApi.getValues();
+  const mergedCodes = Array.from(
+    new Set([...(currentValues.api_codes || []), ...selectedCodes]),
+  );
+  formApi.setValues({
+    ...currentValues,
+    api_codes: mergedCodes,
+  });
+}
+
+async function applyAllFeatures() {
+  if (featureList.value.length === 0) {
+    await loadFeatureOptions();
+  }
+  const allCodes = featureList.value.map((item) => item.api_id);
+  const currentValues = await formApi.getValues();
+  formApi.setValues({
+    ...currentValues,
+    api_codes: allCodes,
+  });
+}
+
+function refreshOpLog() {
+  opLogGridApi.query();
+}
+
+async function submit(action: 'create' | 'append') {
+  const { valid } = await formApi.validate();
+  if (!valid) return;
+
+  const values = await formApi.getValues();
+  const apiCodes = values.api_codes || [];
+  if (apiCodes.length === 0) {
+    message.warning('请至少选择一个产品编码');
+    return;
+  }
+
+  const payload = {
+    id_card: values.id_card,
+    name: values.name || '*',
+    api_codes: apiCodes,
+    remark: values.remark || '',
+  };
+
+  submitting.value = true;
+  submitAction.value = action;
+  try {
+    const result =
+      action === 'create'
+        ? await createQueryWhitelist(payload)
+        : await appendQueryWhitelist(payload);
+    lastResult.value = result;
+    refreshOpLog();
+
+    if (result.code === 0) {
+      message.success(result.message || '操作成功');
+    } else if (result.code === 1013) {
+      message.warning('规则已存在，请改用「追加接口」');
+    } else if (result.code === 1014) {
+      message.warning('规则不存在，请先调用「创建规则」');
+    } else {
+      message.error(result.message || '操作失败');
+    }
+  } finally {
+    submitting.value = false;
+    submitAction.value = null;
+  }
+}
+
+loadFeatureOptions();
+</script>
+
+<template>
+  <Page auto-content-height>
+    <div class="flex flex-col gap-4">
+      <div class="flex flex-col gap-4 lg:flex-row">
+        <Card class="flex-1" title="查询白名单配置">
+          <Alert
+            class="mb-4"
+            message="配置「查询为空」屏蔽规则：命中后，指定人员在指定产品接口上的查询将返回 1000 查询为空。首次配置请使用「创建规则」，后续增补产品请使用「追加接口」。"
+            show-icon
+            type="info"
+          />
+
+          <div class="mb-4">
+            <div class="mb-2 text-sm text-gray-500">快捷勾选：</div>
+            <Space wrap>
+              <Button
+                v-for="preset in QUERY_WHITELIST_QUICK_PRESETS"
+                :key="preset.label"
+                size="small"
+                @click="applyPreset(preset.apiIds)"
+              >
+                {{ preset.label }}
+              </Button>
+              <Button size="small" type="dashed" @click="applyAllFeatures">
+                全选产品
+              </Button>
+            </Space>
+          </div>
+
+          <Form />
+
+          <div class="mt-6 flex gap-3">
+            <Button
+              :loading="submitting && submitAction === 'create'"
+              type="primary"
+              @click="submit('create')"
+            >
+              创建规则
+            </Button>
+            <Button
+              :loading="submitting && submitAction === 'append'"
+              @click="submit('append')"
+            >
+              追加接口
+            </Button>
+          </div>
+        </Card>
+
+        <Card class="w-full lg:w-[420px]" title="最近操作结果">
+          <template v-if="lastResult">
+            <Descriptions bordered size="small" :column="1">
+              <Descriptions.Item label="业务码">
+                <Tag :color="lastResult.code === 0 ? 'success' : 'error'">
+                  {{ lastResult.code }}
+                </Tag>
+              </Descriptions.Item>
+              <Descriptions.Item label="描述">
+                {{ lastResult.message }}
+              </Descriptions.Item>
+              <Descriptions.Item label="流水号">
+                {{ lastResult.transaction_id }}
+              </Descriptions.Item>
+            </Descriptions>
+
+            <template v-if="lastResult.entry">
+              <div class="mt-4 text-sm font-medium text-gray-700">规则详情</div>
+              <Descriptions bordered class="mt-2" size="small" :column="1">
+                <Descriptions.Item label="规则ID">
+                  {{ lastResult.entry.id }}
+                </Descriptions.Item>
+                <Descriptions.Item label="姓名规则">
+                  {{ lastResult.entry.name }}
+                </Descriptions.Item>
+                <Descriptions.Item label="身份证号">
+                  {{ lastResult.entry.id_card_masked }}
+                </Descriptions.Item>
+                <Descriptions.Item label="状态">
+                  {{ lastResult.entry.status }}
+                </Descriptions.Item>
+                <Descriptions.Item label="备注">
+                  {{ lastResult.entry.remark || '-' }}
+                </Descriptions.Item>
+                <Descriptions.Item label="产品编码">
+                  <Space wrap>
+                    <Tag v-for="code in lastResult.entry.api_codes" :key="code">
+                      {{ code }}
+                    </Tag>
+                  </Space>
+                </Descriptions.Item>
+                <Descriptions.Item label="创建时间">
+                  {{ lastResult.entry.created_at }}
+                </Descriptions.Item>
+                <Descriptions.Item label="更新时间">
+                  {{ lastResult.entry.updated_at }}
+                </Descriptions.Item>
+              </Descriptions>
+            </template>
+          </template>
+          <div v-else class="py-8 text-center text-gray-400">
+            提交后将在此展示天远 API 返回结果
+          </div>
+        </Card>
+      </div>
+
+      <OpLogGrid table-title="操作记录">
+        <template #api_codes="{ row }">
+          <span class="text-sm">{{ formatApiCodes(row.api_codes) }}</span>
+        </template>
+        <template #entry_api_codes="{ row }">
+          <span class="text-sm">{{ formatApiCodes(row.entry_api_codes) }}</span>
+        </template>
+        <template #tianyuan_code="{ row }">
+          <Tag :color="isTianyuanSuccess(row) ? 'success' : 'error'">
+            {{ row.tianyuan_code }}
+          </Tag>
+        </template>
+      </OpLogGrid>
+    </div>
+  </Page>
+</template>
diff --git a/apps/web-antd/src/views/product-manage/query-whitelist/op-log-data.ts b/apps/web-antd/src/views/product-manage/query-whitelist/op-log-data.ts
new file mode 100644
index 0000000..e076199
--- /dev/null
+++ b/apps/web-antd/src/views/product-manage/query-whitelist/op-log-data.ts
@@ -0,0 +1,109 @@
+import type { VbenFormSchema } from '#/adapter/form';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { QueryWhitelistApi } from '#/api/product-manage';
+
+export function useOpLogGridFormSchema(): VbenFormSchema[] {
+  return [
+    {
+      component: 'Input',
+      fieldName: 'id_card',
+      label: '身份证号',
+    },
+    {
+      component: 'Select',
+      fieldName: 'action',
+      label: '操作类型',
+      componentProps: {
+        allowClear: true,
+        options: [
+          { label: '创建规则', value: 'create' },
+          { label: '追加接口', value: 'append' },
+        ],
+      },
+    },
+    {
+      component: 'Select',
+      fieldName: 'tianyuan_code',
+      label: '业务结果',
+      componentProps: {
+        allowClear: true,
+        options: [
+          { label: '成功 (0)', value: 0 },
+          { label: '规则已存在 (1013)', value: 1013 },
+          { label: '规则不存在 (1014)', value: 1014 },
+        ],
+      },
+    },
+  ];
+}
+
+export function useOpLogColumns(): VxeTableGridOptions['columns'] {
+  return [
+    {
+      field: 'create_time',
+      title: '操作时间',
+      minWidth: 170,
+    },
+    {
+      field: 'admin_username',
+      title: '操作人',
+      minWidth: 100,
+    },
+    {
+      field: 'action_text',
+      title: '操作类型',
+      minWidth: 100,
+    },
+    {
+      field: 'id_card',
+      title: '身份证号',
+      minWidth: 180,
+    },
+    {
+      field: 'name',
+      title: '姓名规则',
+      minWidth: 90,
+    },
+    {
+      field: 'api_codes',
+      title: '提交编码',
+      minWidth: 200,
+      slots: { default: 'api_codes' },
+    },
+    {
+      field: 'tianyuan_code',
+      title: '业务码',
+      minWidth: 90,
+      slots: { default: 'tianyuan_code' },
+    },
+    {
+      field: 'tianyuan_message',
+      title: '返回描述',
+      minWidth: 160,
+    },
+    {
+      field: 'entry_api_codes',
+      title: '当前生效编码',
+      minWidth: 200,
+      slots: { default: 'entry_api_codes' },
+    },
+    {
+      field: 'transaction_id',
+      title: '流水号',
+      minWidth: 200,
+    },
+    {
+      field: 'remark',
+      title: '备注',
+      minWidth: 120,
+    },
+  ];
+}
+
+export function formatApiCodes(codes?: string[]) {
+  return codes?.length ? codes.join(', ') : '-';
+}
+
+export function isTianyuanSuccess(row: QueryWhitelistApi.OpLogItem) {
+  return row.tianyuan_code === 0;
+}
diff --git a/apps/web-antd/src/views/product-manage/whitelist/data.ts b/apps/web-antd/src/views/product-manage/whitelist/data.ts
deleted file mode 100644
index a3a3cbc..0000000
--- a/apps/web-antd/src/views/product-manage/whitelist/data.ts
+++ /dev/null
@@ -1,207 +0,0 @@
-import type { VbenFormSchema } from '#/adapter/form';
-import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
-import type { WhitelistApi } from '#/api/product-manage';
-
-/** 快捷勾选预设：按模块编号 api_id 匹配 */
-export const WHITELIST_QUICK_PRESETS = [
-  {
-    label: '司法涉诉 + 违约失信',
-    apiIds: ['FLXG7E8F', 'JRZQ8A2D'],
-  },
-  {
-    label: '司法涉诉',
-    apiIds: ['FLXG7E8F'],
-  },
-  {
-    label: '违约失信',
-    apiIds: ['JRZQ8A2D'],
-  },
-] as const;
-
-export function useFormSchema(): VbenFormSchema[] {
-  return [
-    {
-      component: 'Input',
-      fieldName: 'id_card',
-      label: '身份证号',
-      rules: 'required',
-      componentProps: {
-        placeholder: '请输入被屏蔽对象的身份证号',
-      },
-    },
-    {
-      component: 'Select',
-      fieldName: 'feature_ids',
-      label: '屏蔽模块',
-      rules: 'required',
-      formItemClass: 'items-start',
-      componentProps: {
-        mode: 'multiple',
-        showSearch: true,
-        optionFilterProp: 'label',
-        allowClear: true,
-        placeholder: '请选择要屏蔽的模块，支持多选',
-        options: [],
-        class: 'w-full',
-      },
-    },
-    {
-      component: 'InputNumber',
-      fieldName: 'amount',
-      label: '费用（元）',
-      defaultValue: 0,
-      componentProps: {
-        min: 0,
-        precision: 2,
-      },
-    },
-    {
-      component: 'Select',
-      fieldName: 'status',
-      label: '状态',
-      defaultValue: 1,
-      componentProps: {
-        options: [
-          { label: '生效', value: 1 },
-          { label: '已失效', value: 2 },
-        ],
-      },
-    },
-  ];
-}
-
-export function useEditFormSchema(): VbenFormSchema[] {
-  return [
-    {
-      component: 'Input',
-      fieldName: 'id_card',
-      label: '身份证号',
-      componentProps: {
-        disabled: true,
-      },
-    },
-    {
-      component: 'Input',
-      fieldName: 'feature_name',
-      label: '屏蔽模块',
-      componentProps: {
-        disabled: true,
-      },
-    },
-    {
-      component: 'InputNumber',
-      fieldName: 'amount',
-      label: '费用（元）',
-      componentProps: {
-        min: 0,
-        precision: 2,
-      },
-    },
-    {
-      component: 'Select',
-      fieldName: 'status',
-      label: '状态',
-      componentProps: {
-        options: [
-          { label: '生效', value: 1 },
-          { label: '已失效', value: 2 },
-        ],
-      },
-    },
-  ];
-}
-
-export function useGridFormSchema(): VbenFormSchema[] {
-  return [
-    {
-      component: 'Input',
-      fieldName: 'id_card',
-      label: '身份证号',
-    },
-    {
-      component: 'Input',
-      fieldName: 'feature_api_id',
-      label: '模块编号',
-    },
-    {
-      component: 'Select',
-      fieldName: 'status',
-      label: '状态',
-      componentProps: {
-        allowClear: true,
-        options: [
-          { label: '生效', value: 1 },
-          { label: '已失效', value: 2 },
-        ],
-      },
-    },
-  ];
-}
-
-export function useColumns<T = WhitelistApi.WhitelistItem>(
-  onActionClick: OnActionClickFn<T>,
-): VxeTableGridOptions['columns'] {
-  return [
-    {
-      field: 'id_card',
-      title: '身份证号',
-      minWidth: 180,
-    },
-    {
-      field: 'feature_api_id',
-      title: '模块编号',
-      minWidth: 140,
-    },
-    {
-      field: 'feature_name',
-      title: '模块名称',
-      minWidth: 160,
-    },
-    {
-      field: 'amount',
-      formatter: ({ cellValue }) => `¥${(cellValue || 0).toFixed(2)}`,
-      title: '费用（元）',
-      minWidth: 110,
-    },
-    {
-      field: 'status_text',
-      title: '状态',
-      minWidth: 90,
-    },
-    {
-      field: 'create_time',
-      title: '创建时间',
-      minWidth: 180,
-    },
-    {
-      field: 'update_time',
-      title: '更新时间',
-      minWidth: 180,
-    },
-    {
-      align: 'center',
-      cellRender: {
-        attrs: {
-          nameField: 'id_card',
-          nameTitle: '白名单',
-          onClick: onActionClick,
-        },
-        options: [
-          {
-            code: 'edit',
-            text: '编辑',
-          },
-          {
-            code: 'delete',
-            text: '删除',
-          },
-        ],
-        name: 'CellOperation',
-      },
-      field: 'operation',
-      fixed: 'right',
-      title: '操作',
-      width: 140,
-    },
-  ];
-}
diff --git a/apps/web-antd/src/views/product-manage/whitelist/list.vue b/apps/web-antd/src/views/product-manage/whitelist/list.vue
deleted file mode 100644
index 63d2a78..0000000
--- a/apps/web-antd/src/views/product-manage/whitelist/list.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<script lang="ts" setup>
-import type {
-  OnActionClickParams,
-  VxeTableGridOptions,
-} from '#/adapter/vxe-table';
-import type { WhitelistApi } from '#/api/product-manage';
-
-import { Page, useVbenDrawer } from '@vben/common-ui';
-import { Plus } from '@vben/icons';
-
-import { Button, message } from 'ant-design-vue';
-
-import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteWhitelist, getWhitelistList } from '#/api/product-manage';
-
-import { useColumns, useGridFormSchema } from './data';
-import Form from './modules/form.vue';
-
-const [FormDrawer, formDrawerApi] = useVbenDrawer({
-  connectedComponent: Form,
-  destroyOnClose: true,
-});
-
-const [Grid, gridApi] = useVbenVxeGrid({
-  formOptions: {
-    schema: useGridFormSchema(),
-    submitOnChange: true,
-  },
-  gridOptions: {
-    columns: useColumns(onActionClick),
-    height: 'auto',
-    keepSource: true,
-    proxyConfig: {
-      ajax: {
-        query: async ({ page }, formValues) => {
-          return await getWhitelistList({
-            page: page.currentPage,
-            pageSize: page.pageSize,
-            ...formValues,
-          });
-        },
-      },
-    },
-    rowConfig: {
-      keyField: 'id',
-    },
-    toolbarConfig: {
-      custom: true,
-      export: false,
-      refresh: { code: 'query' },
-      search: true,
-      zoom: true,
-    },
-  } as VxeTableGridOptions<WhitelistApi.WhitelistItem>,
-});
-
-function onActionClick(e: OnActionClickParams<WhitelistApi.WhitelistItem>) {
-  switch (e.code) {
-    case 'delete': {
-      onDelete(e.row);
-      break;
-    }
-    case 'edit': {
-      onEdit(e.row);
-      break;
-    }
-  }
-}
-
-function onEdit(row: WhitelistApi.WhitelistItem) {
-  formDrawerApi.setData(row).open();
-}
-
-function onDelete(row: WhitelistApi.WhitelistItem) {
-  const hideLoading = message.loading({
-    content: `正在删除 ${row.id_card} 的白名单记录`,
-    duration: 0,
-    key: 'whitelist_delete_msg',
-  });
-  deleteWhitelist(row.id)
-    .then(() => {
-      message.success({
-        content: '删除成功',
-        key: 'whitelist_delete_msg',
-      });
-      onRefresh();
-    })
-    .catch(() => {
-      hideLoading();
-    });
-}
-
-function onRefresh() {
-  gridApi.query();
-}
-
-function onCreate() {
-  formDrawerApi.setData({}).open();
-}
-</script>
-
-<template>
-  <Page auto-content-height>
-    <FormDrawer @success="onRefresh" />
-    <Grid table-title="模块白名单">
-      <template #toolbar-tools>
-        <Button type="primary" @click="onCreate">
-          <Plus class="size-5" />
-          手动添加
-        </Button>
-      </template>
-    </Grid>
-  </Page>
-</template>
diff --git a/apps/web-antd/src/views/product-manage/whitelist/modules/form.vue b/apps/web-antd/src/views/product-manage/whitelist/modules/form.vue
deleted file mode 100644
index ad1f598..0000000
--- a/apps/web-antd/src/views/product-manage/whitelist/modules/form.vue
+++ /dev/null
@@ -1,186 +0,0 @@
-<script lang="ts" setup>
-import type { FeatureApi, WhitelistApi } from '#/api/product-manage';
-
-import { computed, ref } from 'vue';
-
-import { useVbenDrawer } from '@vben/common-ui';
-
-import { Button, message, Space } from 'ant-design-vue';
-
-import { useVbenForm } from '#/adapter/form';
-import {
-  batchCreateWhitelist,
-  getFeatureList,
-  updateWhitelist,
-} from '#/api/product-manage';
-
-import { useEditFormSchema, useFormSchema, WHITELIST_QUICK_PRESETS } from '../data';
-
-const emit = defineEmits(['success']);
-
-const formData = ref<WhitelistApi.WhitelistItem>();
-const isEdit = ref(false);
-const featureList = ref<FeatureApi.FeatureItem[]>([]);
-
-const [Form, formApi] = useVbenForm({
-  schema: useFormSchema(),
-  showDefaultActions: false,
-});
-
-const id = ref<string>();
-
-async function loadFeatureOptions() {
-  const result = await getFeatureList({ page: 1, pageSize: 500 });
-  featureList.value = result.items || [];
-  const options = featureList.value.map((item) => ({
-    label: `${item.api_id} - ${item.name}`,
-    value: item.id,
-  }));
-  formApi.updateSchema([
-    {
-      fieldName: 'feature_ids',
-      componentProps: {
-        options,
-      },
-    },
-  ]);
-}
-
-function resolveFeatureIdsByApiIds(apiIds: string[]) {
-  const idMap = new Map(
-    featureList.value.map((item) => [item.api_id, item.id]),
-  );
-  return apiIds
-    .map((apiId) => idMap.get(apiId))
-    .filter((featureId): featureId is string => !!featureId);
-}
-
-async function applyPreset(apiIds: readonly string[]) {
-  if (featureList.value.length === 0) {
-    await loadFeatureOptions();
-  }
-  const selectedIds = resolveFeatureIdsByApiIds([...apiIds]);
-  if (selectedIds.length === 0) {
-    message.warning('未找到对应模块，请确认模块编号是否存在于系统中');
-    return;
-  }
-  const currentValues = await formApi.getValues();
-  const mergedIds = Array.from(
-    new Set([...(currentValues.feature_ids || []), ...selectedIds]),
-  );
-  formApi.setValues({
-    ...currentValues,
-    feature_ids: mergedIds,
-  });
-}
-
-async function applyAllFeatures() {
-  if (featureList.value.length === 0) {
-    await loadFeatureOptions();
-  }
-  const allIds = featureList.value.map((item) => item.id);
-  const currentValues = await formApi.getValues();
-  formApi.setValues({
-    ...currentValues,
-    feature_ids: allIds,
-  });
-}
-
-const [Drawer, drawerApi] = useVbenDrawer({
-  async onConfirm() {
-    const { valid } = await formApi.validate();
-    if (!valid) return;
-
-    const values = await formApi.getValues();
-    drawerApi.lock();
-    try {
-      if (isEdit.value && id.value) {
-        await updateWhitelist(id.value, {
-          amount: values.amount,
-          status: values.status,
-        });
-        message.success('更新成功');
-      } else {
-        const featureIds = values.feature_ids || [];
-        if (featureIds.length === 0) {
-          message.warning('请至少选择一个屏蔽模块');
-          drawerApi.unlock();
-          return;
-        }
-        const result = await batchCreateWhitelist({
-          id_card: values.id_card,
-          feature_ids: featureIds,
-          amount: values.amount,
-          status: values.status,
-        });
-        const { success_count, skip_count, fail_count } = result;
-        if (fail_count > 0) {
-          message.warning(
-            `完成：成功 ${success_count} 条，跳过 ${skip_count} 条，失败 ${fail_count} 条`,
-          );
-        } else if (skip_count > 0) {
-          message.success(
-            `完成：成功 ${success_count} 条，跳过 ${skip_count} 条（已存在）`,
-          );
-        } else {
-          message.success(`已成功屏蔽 ${success_count} 个模块`);
-        }
-      }
-      emit('success');
-      drawerApi.close();
-    } catch {
-      drawerApi.unlock();
-    }
-  },
-  async onOpenChange(open) {
-    if (!open) return;
-
-    const data = drawerApi.getData<WhitelistApi.WhitelistItem>();
-    formApi.resetForm();
-    isEdit.value = !!data?.id;
-    id.value = data?.id;
-
-    if (isEdit.value && data) {
-      formData.value = data;
-      formApi.setState({ schema: useEditFormSchema() });
-      formApi.setValues({
-        id_card: data.id_card,
-        feature_name: `${data.feature_api_id} - ${data.feature_name || ''}`,
-        amount: data.amount,
-        status: data.status,
-      });
-      return;
-    }
-
-    formData.value = undefined;
-    formApi.setState({ schema: useFormSchema() });
-    await loadFeatureOptions();
-  },
-});
-
-const getDrawerTitle = computed(() =>
-  isEdit.value ? '编辑白名单' : '手动添加白名单',
-);
-</script>
-
-<template>
-  <Drawer :title="getDrawerTitle">
-    <div v-if="!isEdit" class="mb-4">
-      <div class="mb-2 text-sm text-gray-500">快捷勾选：</div>
-      <Space wrap>
-        <Button
-          v-for="preset in WHITELIST_QUICK_PRESETS"
-          :key="preset.label"
-          size="small"
-          @click="applyPreset(preset.apiIds)"
-        >
-          {{ preset.label }}
-        </Button>
-        <Button size="small" type="dashed" @click="applyAllFeatures">
-          全选模块
-        </Button>
-      </Space>
-    </div>
-    <Form />
-  </Drawer>
-</template>
diff --git a/apps/web-antd/vite.config.mts b/apps/web-antd/vite.config.mts
index 2ddb088..b923a47 100644
--- a/apps/web-antd/vite.config.mts
+++ b/apps/web-antd/vite.config.mts
@@ -10,8 +10,8 @@ export default defineConfig(async () => {
             changeOrigin: true,
             rewrite: (path) => path.replace(/^\/api/, ''),
             // mock代理目标地址
-            // target: 'http://localhost:8888/api',
-            target: 'https://www.onecha.cn/api',
+            target: 'http://localhost:8888/api',
+            // target: 'https://www.onecha.cn/api',
             ws: true,
           },
         },