diff --git a/web/src/api/index.js b/web/src/api/index.js
index d3d87f5..6b790c9 100644
--- a/web/src/api/index.js
+++ b/web/src/api/index.js
@@ -39,6 +39,27 @@ export default {
   deleteDept: (params = {}) => request.delete('/dept/delete', { params }),
   // auditlog
   getAuditLogList: (params = {}) => request.get('/auditlog/list', { params }),
+  // system data
+  getIndustryList: (params = {}) => request.get('/industry/list', { params }),
+  getIndustryById: (params = {}) => request.get('/industry/get', { params }),
+  createIndustry: (data = {}) => request.post('/industry/create', data),
+  updateIndustry: (data = {}) => request.post('/industry/update', data),
+  deleteIndustry: (params = {}) => request.delete('/industry/delete', { params }),
+  getPolicyList: (params = {}) => request.get('/policy/list', { params }),
+  getPolicyById: (params = {}) => request.get('/policy/get', { params }),
+  createPolicy: (data = {}) => request.post('/policy/create', data),
+  updatePolicy: (data = {}) => request.post('/policy/update', data),
+  deletePolicy: (params = {}) => request.delete('/policy/delete', { params }),
+  getESGList: (params = {}) => request.get('/esg/list', { params }),
+  getESGById: (params = {}) => request.get('/esg/get', { params }),
+  createESG: (data = {}) => request.post('/esg/create', data),
+  updateESG: (data = {}) => request.post('/esg/update', data),
+  deleteESG: (params = {}) => request.delete('/esg/delete', { params }),
+  getIndexList: (params = {}) => request.get('/index/list', { params }),
+  getIndexById: (params = {}) => request.get('/index/get', { params }),
+  createIndex: (data = {}) => request.post('/index/create', data),
+  updateIndex: (data = {}) => request.post('/index/update', data),
+  deleteIndex: (params = {}) => request.delete('/index/delete', { params }),
   // app users (客户端用户管理) - 使用现有的后端接口
   getAppUserList: (params = {}) => request.get('/app-user-admin/list', { params }),
   updateAppUserQuota: (data = {}) => request.post('/app-user-admin/quota', data),
diff --git a/web/src/views/data/esg/index.vue b/web/src/views/data/esg/index.vue
new file mode 100644
index 0000000..f727b56
--- /dev/null
+++ b/web/src/views/data/esg/index.vue
@@ -0,0 +1,263 @@
+<script setup>
+import { h, onMounted, ref, resolveDirective, withDirectives } from 'vue'
+import { NButton, NForm, NFormItem, NInput, NInputNumber, NTag, NPopconfirm } from 'naive-ui'
+
+import CommonPage from '@/components/page/CommonPage.vue'
+import QueryBarItem from '@/components/query-bar/QueryBarItem.vue'
+import CrudModal from '@/components/table/CrudModal.vue'
+import CrudTable from '@/components/table/CrudTable.vue'
+import TheIcon from '@/components/icon/TheIcon.vue'
+
+import { formatDate, renderIcon } from '@/utils'
+import { useCRUD } from '@/composables'
+import api from '@/api'
+
+defineOptions({ name: 'ESG关联' })
+
+const $table = ref(null)
+const queryItems = ref({})
+const vPermission = resolveDirective('permission')
+
+const {
+  modalVisible,
+  modalTitle,
+  modalLoading,
+  handleSave,
+  modalForm,
+  modalFormRef,
+  handleEdit,
+  handleDelete,
+  handleAdd,
+} = useCRUD({
+  name: 'ESG',
+  initForm: { code: '', name: '', level: '', number: '', remark: '' },
+  doCreate: api.createESG,
+  doUpdate: api.updateESG,
+  doDelete: api.deleteESG,
+  refresh: () => $table.value?.handleSearch(),
+})
+
+onMounted(() => {
+  $table.value?.handleSearch()
+})
+
+const columns = [
+  {
+    title: 'ESG代码',
+    key: 'code',
+    width: 120,
+    align: 'center',
+    ellipsis: { tooltip: true },
+  },
+  {
+    title: 'ESG名称',
+    key: 'name',
+    width: 200,
+    align: 'center',
+    ellipsis: { tooltip: true },
+  },
+  {
+    title: 'ESG级别',
+    key: 'level',
+    width: 120,
+    align: 'center',
+    render(row) {
+      const levelMap = {
+        E: { type: 'success', text: '环境(E)' },
+        S: { type: 'info', text: '社会(S)' },
+        G: { type: 'warning', text: '治理(G)' },
+        ESG: { type: 'error', text: '综合ESG' },
+      }
+      const level = levelMap[row.level] || { type: 'default', text: row.level }
+      return h(NTag, { type: level.type }, { default: () => level.text })
+    },
+  },
+  {
+    title: 'ESG编号',
+    key: 'number',
+    width: 120,
+    align: 'center',
+    ellipsis: { tooltip: true },
+  },
+  {
+    title: '备注',
+    key: 'remark',
+    width: 200,
+    align: 'center',
+    ellipsis: { tooltip: true },
+  },
+  {
+    title: '创建时间',
+    key: 'created_at',
+    align: 'center',
+    width: 180,
+    render(row) {
+      return h(
+        NButton,
+        { size: 'small', type: 'text', ghost: true },
+        { default: () => formatDate(row.created_at), icon: renderIcon('mdi:update', { size: 16 }) }
+      )
+    },
+  },
+  {
+    title: '操作',
+    key: 'actions',
+    width: 240,
+    align: 'center',
+    fixed: 'right',
+    hideInExcel: true,
+    render(row) {
+      return [
+        withDirectives(
+          h(
+            NButton,
+            {
+              size: 'small',
+              type: 'primary',
+              secondary: true,
+              onClick: () => handleEdit(row),
+            },
+            { default: () => '编辑', icon: renderIcon('material-symbols:edit-outline', { size: 16 }) }
+          ),
+          [[vPermission, 'post/api/v1/esg/update']]
+        ),
+        withDirectives(
+          h(
+            NPopconfirm,
+            {
+              onPositiveClick: () => handleDelete({ esg_id: row.id }, false),
+            },
+            {
+              default: () => '确认删除',
+              trigger: () =>
+                h(
+                  NButton,
+                  { size: 'small', type: 'error', style: 'margin-left: 12px;' },
+                  { default: () => '删除', icon: renderIcon('material-symbols:delete-outline', { size: 16 }) }
+                ),
+            }
+          ),
+          [[vPermission, 'delete/api/v1/esg/delete']]
+        ),
+      ]
+    },
+  },
+]
+
+const modalRules = {
+  code: [
+    {
+      required: true,
+      message: '请输入ESG代码',
+      trigger: ['input', 'blur'],
+    },
+  ],
+  name: [
+    {
+      required: true,
+      message: '请输入ESG名称',
+      trigger: ['input', 'blur'],
+    },
+  ],
+  level: [
+    {
+      required: true,
+      message: '请输入ESG级别',
+      trigger: ['input', 'blur'],
+    },
+  ],
+  number: [
+    {
+      required: true,
+      message: '请输入ESG编号',
+      trigger: ['input', 'blur'],
+    },
+  ],
+}
+</script>
+
+<template>
+  <CommonPage show-footer title="ESG关联">
+    <template #action>
+      <div>
+        <NButton
+          v-permission="'post/api/v1/esg/create'"
+          class="float-right mb-8"
+          type="primary"
+          @click="handleAdd"
+        >
+          <TheIcon icon="material-symbols:add" :size="18" class="mr-5" />新建ESG
+        </NButton>
+      </div>
+    </template>
+
+    <CrudTable
+      ref="$table"
+      v-model:query-items="queryItems"
+      :extra-params="{ ordering: 'id' }"
+      :scroll-x="1200"
+      :columns="columns"
+      :get-data="api.getESGList"
+    >
+      <template #queryBar>
+        <QueryBarItem label="ESG代码" :label-width="80">
+          <NInput
+            v-model:value="queryItems.code"
+            type="text"
+            placeholder="请输入ESG代码"
+            @keydown.enter="$table?.handleSearch()"
+          />
+        </QueryBarItem>
+        <QueryBarItem label="ESG名称" :label-width="80">
+          <NInput
+            v-model:value="queryItems.name"
+            type="text"
+            placeholder="请输入ESG名称"
+            @keydown.enter="$table?.handleSearch()"
+          />
+        </QueryBarItem>
+        <QueryBarItem label="ESG级别" :label-width="80">
+          <NInput
+            v-model:value="queryItems.level"
+            type="text"
+            placeholder="请输入ESG级别"
+            @keydown.enter="$table?.handleSearch()"
+          />
+        </QueryBarItem>
+      </template>
+    </CrudTable>
+
+    <CrudModal
+      v-model:visible="modalVisible"
+      :title="modalTitle"
+      :loading="modalLoading"
+      :show-footer="true"
+      @save="handleSave"
+    >
+      <NForm
+        ref="modalFormRef"
+        label-placement="left"
+        label-align="left"
+        :label-width="80"
+        :model="modalForm"
+        :rules="modalRules"
+      >
+        <NFormItem label="ESG代码" path="code">
+          <NInput v-model:value="modalForm.code" placeholder="请输入ESG代码" />
+        </NFormItem>
+        <NFormItem label="ESG名称" path="name">
+          <NInput v-model:value="modalForm.name" placeholder="请输入ESG名称" />
+        </NFormItem>
+        <NFormItem label="ESG级别" path="level">
+          <NInput v-model:value="modalForm.level" placeholder="请输入ESG级别（如：E, S, G, ESG）" />
+        </NFormItem>
+        <NFormItem label="ESG编号" path="number">
+          <NInput v-model:value="modalForm.number" placeholder="请输入ESG编号" />
+        </NFormItem>
+        <NFormItem label="备注" path="remark">
+          <NInput v-model:value="modalForm.remark" type="textarea" placeholder="请输入备注" />
+        </NFormItem>
+      </NForm>
+    </CrudModal>
+  </CommonPage>
+</template>
diff --git a/web/src/views/data/index/index.vue b/web/src/views/data/index/index.vue
new file mode 100644
index 0000000..f2a73cb
--- /dev/null
+++ b/web/src/views/data/index/index.vue
@@ -0,0 +1,238 @@
+<script setup>
+import { h, onMounted, ref, resolveDirective, withDirectives } from 'vue'
+import { NButton, NForm, NFormItem, NInput, NInputNumber, NTag, NPopconfirm } from 'naive-ui'
+
+import CommonPage from '@/components/page/CommonPage.vue'
+import QueryBarItem from '@/components/query-bar/QueryBarItem.vue'
+import CrudModal from '@/components/table/CrudModal.vue'
+import CrudTable from '@/components/table/CrudTable.vue'
+import TheIcon from '@/components/icon/TheIcon.vue'
+
+import { formatDate, renderIcon } from '@/utils'
+import { useCRUD } from '@/composables'
+import api from '@/api'
+
+defineOptions({ name: '行业基准' })
+
+const $table = ref(null)
+const queryItems = ref({})
+const vPermission = resolveDirective('permission')
+
+const {
+  modalVisible,
+  modalTitle,
+  modalLoading,
+  handleSave,
+  modalForm,
+  modalFormRef,
+  handleEdit,
+  handleDelete,
+  handleAdd,
+} = useCRUD({
+  name: '指数',
+  initForm: { code: '', name: '', search_num: 0, remark: '' },
+  doCreate: api.createIndex,
+  doUpdate: api.updateIndex,
+  doDelete: api.deleteIndex,
+  refresh: () => $table.value?.handleSearch(),
+})
+
+onMounted(() => {
+  $table.value?.handleSearch()
+})
+
+const columns = [
+  {
+    title: '指数代码',
+    key: 'code',
+    width: 120,
+    align: 'center',
+    ellipsis: { tooltip: true },
+  },
+  {
+    title: '指数名称',
+    key: 'name',
+    width: 200,
+    align: 'center',
+    ellipsis: { tooltip: true },
+  },
+  {
+    title: '搜索次数',
+    key: 'search_num',
+    width: 120,
+    align: 'center',
+    render(row) {
+      const getSearchType = (num) => {
+        if (num >= 1000) return 'error'
+        if (num >= 500) return 'warning'
+        if (num >= 100) return 'info'
+        return 'default'
+      }
+      return h(NTag, { type: getSearchType(row.search_num) }, { default: () => `${row.search_num}次` })
+    },
+  },
+  {
+    title: '备注',
+    key: 'remark',
+    width: 200,
+    align: 'center',
+    ellipsis: { tooltip: true },
+  },
+  {
+    title: '创建时间',
+    key: 'created_at',
+    align: 'center',
+    width: 180,
+    render(row) {
+      return h(
+        NButton,
+        { size: 'small', type: 'text', ghost: true },
+        { default: () => formatDate(row.created_at), icon: renderIcon('mdi:update', { size: 16 }) }
+      )
+    },
+  },
+  {
+    title: '操作',
+    key: 'actions',
+    width: 240,
+    align: 'center',
+    fixed: 'right',
+    hideInExcel: true,
+    render(row) {
+      return [
+        withDirectives(
+          h(
+            NButton,
+            {
+              size: 'small',
+              type: 'primary',
+              secondary: true,
+              onClick: () => handleEdit(row),
+            },
+            { default: () => '编辑', icon: renderIcon('material-symbols:edit-outline', { size: 16 }) }
+          ),
+          [[vPermission, 'post/api/v1/index/update']]
+        ),
+        withDirectives(
+          h(
+            NPopconfirm,
+            {
+              onPositiveClick: () => handleDelete({ index_id: row.id }, false),
+            },
+            {
+              default: () => '确认删除',
+              trigger: () =>
+                h(
+                  NButton,
+                  { size: 'small', type: 'error', style: 'margin-left: 12px;' },
+                  { default: () => '删除', icon: renderIcon('material-symbols:delete-outline', { size: 16 }) }
+                ),
+            }
+          ),
+          [[vPermission, 'delete/api/v1/index/delete']]
+        ),
+      ]
+    },
+  },
+]
+
+const modalRules = {
+  code: [
+    {
+      required: true,
+      message: '请输入指数代码',
+      trigger: ['input', 'blur'],
+    },
+  ],
+  name: [
+    {
+      required: true,
+      message: '请输入指数名称',
+      trigger: ['input', 'blur'],
+    },
+  ],
+  search_num: [
+    {
+      required: true,
+      type: 'number',
+      message: '请输入搜索次数',
+      trigger: ['input', 'blur'],
+    },
+  ],
+}
+</script>
+
+<template>
+  <CommonPage show-footer title="行业基准">
+    <template #action>
+      <div>
+        <NButton
+          v-permission="'post/api/v1/index/create'"
+          class="float-right mb-8"
+          type="primary"
+          @click="handleAdd"
+        >
+          <TheIcon icon="material-symbols:add" :size="18" class="mr-5" />新建指数
+        </NButton>
+      </div>
+    </template>
+
+    <CrudTable
+      ref="$table"
+      v-model:query-items="queryItems"
+      :extra-params="{ ordering: 'id' }"
+      :scroll-x="1200"
+      :columns="columns"
+      :get-data="api.getIndexList"
+    >
+      <template #queryBar>
+        <QueryBarItem label="指数代码" :label-width="80">
+          <NInput
+            v-model:value="queryItems.code"
+            type="text"
+            placeholder="请输入指数代码"
+            @keydown.enter="$table?.handleSearch()"
+          />
+        </QueryBarItem>
+        <QueryBarItem label="指数名称" :label-width="80">
+          <NInput
+            v-model:value="queryItems.name"
+            type="text"
+            placeholder="请输入指数名称"
+            @keydown.enter="$table?.handleSearch()"
+          />
+        </QueryBarItem>
+      </template>
+    </CrudTable>
+
+    <CrudModal
+      v-model:visible="modalVisible"
+      :title="modalTitle"
+      :loading="modalLoading"
+      :show-footer="true"
+      @save="handleSave"
+    >
+      <NForm
+        ref="modalFormRef"
+        label-placement="left"
+        label-align="left"
+        :label-width="80"
+        :model="modalForm"
+        :rules="modalRules"
+      >
+        <NFormItem label="指数代码" path="code">
+          <NInput v-model:value="modalForm.code" placeholder="请输入指数代码" />
+        </NFormItem>
+        <NFormItem label="指数名称" path="name">
+          <NInput v-model:value="modalForm.name" placeholder="请输入指数名称" />
+        </NFormItem>
+        <NFormItem label="搜索次数" path="search_num">
+          <NInputNumber v-model:value="modalForm.search_num" placeholder="请输入搜索次数" :min="0" :precision="0" />
+        </NFormItem>
+        <NFormItem label="备注" path="remark">
+          <NInput v-model:value="modalForm.remark" type="textarea" placeholder="请输入备注" />
+        </NFormItem>
+      </NForm>
+    </CrudModal>
+  </CommonPage>
+</template>
diff --git a/web/src/views/data/industry/index.vue b/web/src/views/data/industry/index.vue
new file mode 100644
index 0000000..5ac67bc
--- /dev/null
+++ b/web/src/views/data/industry/index.vue
@@ -0,0 +1,253 @@
+<script setup>
+import { h, onMounted, ref, resolveDirective, withDirectives } from 'vue'
+import { NButton, NForm, NFormItem, NInput, NInputNumber, NTag, NPopconfirm } from 'naive-ui'
+
+import CommonPage from '@/components/page/CommonPage.vue'
+import QueryBarItem from '@/components/query-bar/QueryBarItem.vue'
+import CrudModal from '@/components/table/CrudModal.vue'
+import CrudTable from '@/components/table/CrudTable.vue'
+import TheIcon from '@/components/icon/TheIcon.vue'
+
+import { formatDate, renderIcon } from '@/utils'
+import { useCRUD } from '@/composables'
+import api from '@/api'
+
+defineOptions({ name: '行业修正' })
+
+const $table = ref(null)
+const queryItems = ref({})
+const vPermission = resolveDirective('permission')
+
+const {
+  modalVisible,
+  modalTitle,
+  modalLoading,
+  handleSave,
+  modalForm,
+  modalFormRef,
+  handleEdit,
+  handleDelete,
+  handleAdd,
+} = useCRUD({
+  name: '行业',
+  initForm: { code: '', name: '', roe: 0, fix_num: 0, remark: '' },
+  doCreate: api.createIndustry,
+  doUpdate: api.updateIndustry,
+  doDelete: api.deleteIndustry,
+  refresh: () => $table.value?.handleSearch(),
+})
+
+onMounted(() => {
+  $table.value?.handleSearch()
+})
+
+const columns = [
+  {
+    title: '行业代码',
+    key: 'code',
+    width: 120,
+    align: 'center',
+    ellipsis: { tooltip: true },
+  },
+  {
+    title: '行业名称',
+    key: 'name',
+    width: 200,
+    align: 'center',
+    ellipsis: { tooltip: true },
+  },
+  {
+    title: 'ROE',
+    key: 'roe',
+    width: 100,
+    align: 'center',
+    render(row) {
+      return h(NTag, { type: 'info' }, { default: () => `${row.roe}%` })
+    },
+  },
+  {
+    title: '修正数值',
+    key: 'fix_num',
+    width: 120,
+    align: 'center',
+    render(row) {
+      const tagType = row.fix_num > 0 ? 'success' : row.fix_num < 0 ? 'error' : 'default'
+      return h(NTag, { type: tagType }, { default: () => row.fix_num })
+    },
+  },
+  {
+    title: '备注',
+    key: 'remark',
+    width: 200,
+    align: 'center',
+    ellipsis: { tooltip: true },
+  },
+  {
+    title: '创建时间',
+    key: 'created_at',
+    align: 'center',
+    width: 180,
+    render(row) {
+      return h(
+        NButton,
+        { size: 'small', type: 'text', ghost: true },
+        { default: () => formatDate(row.created_at), icon: renderIcon('mdi:update', { size: 16 }) }
+      )
+    },
+  },
+  {
+    title: '操作',
+    key: 'actions',
+    width: 240,
+    align: 'center',
+    fixed: 'right',
+    hideInExcel: true,
+    render(row) {
+      return [
+        withDirectives(
+          h(
+            NButton,
+            {
+              size: 'small',
+              type: 'primary',
+              secondary: true,
+              onClick: () => handleEdit(row),
+            },
+            { default: () => '编辑', icon: renderIcon('material-symbols:edit-outline', { size: 16 }) }
+          ),
+          [[vPermission, 'post/api/v1/industry/update']]
+        ),
+        withDirectives(
+          h(
+            NPopconfirm,
+            {
+              onPositiveClick: () => handleDelete({ industry_id: row.id }, false),
+            },
+            {
+              default: () => '确认删除',
+              trigger: () =>
+                h(
+                  NButton,
+                  { size: 'small', type: 'error', style: 'margin-left: 12px;' },
+                  { default: () => '删除', icon: renderIcon('material-symbols:delete-outline', { size: 16 }) }
+                ),
+            }
+          ),
+          [[vPermission, 'delete/api/v1/industry/delete']]
+        ),
+      ]
+    },
+  },
+]
+
+const modalRules = {
+  code: [
+    {
+      required: true,
+      message: '请输入行业代码',
+      trigger: ['input', 'blur'],
+    },
+  ],
+  name: [
+    {
+      required: true,
+      message: '请输入行业名称',
+      trigger: ['input', 'blur'],
+    },
+  ],
+  roe: [
+    {
+      required: true,
+      type: 'number',
+      message: '请输入ROE值',
+      trigger: ['input', 'blur'],
+    },
+  ],
+  fix_num: [
+    {
+      required: true,
+      type: 'number',
+      message: '请输入修正数值',
+      trigger: ['input', 'blur'],
+    },
+  ],
+}
+</script>
+
+<template>
+  <CommonPage show-footer title="行业修正">
+    <template #action>
+      <div>
+        <NButton
+          v-permission="'post/api/v1/industry/create'"
+          class="float-right mb-8"
+          type="primary"
+          @click="handleAdd"
+        >
+          <TheIcon icon="material-symbols:add" :size="18" class="mr-5" />新建行业
+        </NButton>
+      </div>
+    </template>
+
+    <CrudTable
+      ref="$table"
+      v-model:query-items="queryItems"
+      :extra-params="{ ordering: 'id' }"
+      :scroll-x="1200"
+      :columns="columns"
+      :get-data="api.getIndustryList"
+    >
+      <template #queryBar>
+        <QueryBarItem label="行业代码" :label-width="80">
+          <NInput
+            v-model:value="queryItems.code"
+            type="text"
+            placeholder="请输入行业代码"
+            @keydown.enter="$table?.handleSearch()"
+          />
+        </QueryBarItem>
+        <QueryBarItem label="行业名称" :label-width="80">
+          <NInput
+            v-model:value="queryItems.name"
+            type="text"
+            placeholder="请输入行业名称"
+            @keydown.enter="$table?.handleSearch()"
+          />
+        </QueryBarItem>
+      </template>
+    </CrudTable>
+
+    <CrudModal
+      v-model:visible="modalVisible"
+      :title="modalTitle"
+      :loading="modalLoading"
+      :show-footer="true"
+      @save="handleSave"
+    >
+      <NForm
+        ref="modalFormRef"
+        label-placement="left"
+        label-align="left"
+        :label-width="80"
+        :model="modalForm"
+        :rules="modalRules"
+      >
+        <NFormItem label="行业代码" path="code">
+          <NInput v-model:value="modalForm.code" placeholder="请输入行业代码" />
+        </NFormItem>
+        <NFormItem label="行业名称" path="name">
+          <NInput v-model:value="modalForm.name" placeholder="请输入行业名称" />
+        </NFormItem>
+        <NFormItem label="ROE" path="roe">
+          <NInputNumber v-model:value="modalForm.roe" placeholder="请输入ROE值" :precision="2" :step="0.01" />
+        </NFormItem>
+        <NFormItem label="修正数值" path="fix_num">
+          <NInputNumber v-model:value="modalForm.fix_num" placeholder="请输入修正数值" :precision="2" :step="0.01" />
+        </NFormItem>
+        <NFormItem label="备注" path="remark">
+          <NInput v-model:value="modalForm.remark" type="textarea" placeholder="请输入备注" />
+        </NFormItem>
+      </NForm>
+    </CrudModal>
+  </CommonPage>
+</template>
diff --git a/web/src/views/data/policy/index.vue b/web/src/views/data/policy/index.vue
new file mode 100644
index 0000000..24519f0
--- /dev/null
+++ b/web/src/views/data/policy/index.vue
@@ -0,0 +1,264 @@
+<script setup>
+import { h, onMounted, ref, resolveDirective, withDirectives } from 'vue'
+import { NButton, NForm, NFormItem, NInput, NInputNumber, NTag, NPopconfirm } from 'naive-ui'
+
+import CommonPage from '@/components/page/CommonPage.vue'
+import QueryBarItem from '@/components/query-bar/QueryBarItem.vue'
+import CrudModal from '@/components/table/CrudModal.vue'
+import CrudTable from '@/components/table/CrudTable.vue'
+import TheIcon from '@/components/icon/TheIcon.vue'
+
+import { formatDate, renderIcon } from '@/utils'
+import { useCRUD } from '@/composables'
+import api from '@/api'
+
+defineOptions({ name: '政策匹配' })
+
+const $table = ref(null)
+const queryItems = ref({})
+const vPermission = resolveDirective('permission')
+
+const {
+  modalVisible,
+  modalTitle,
+  modalLoading,
+  handleSave,
+  modalForm,
+  modalFormRef,
+  handleEdit,
+  handleDelete,
+  handleAdd,
+} = useCRUD({
+  name: '政策',
+  initForm: { code: '', name: '', level: '', score: 0 },
+  doCreate: api.createPolicy,
+  doUpdate: api.updatePolicy,
+  doDelete: api.deletePolicy,
+  refresh: () => $table.value?.handleSearch(),
+})
+
+onMounted(() => {
+  $table.value?.handleSearch()
+})
+
+const columns = [
+  {
+    title: '政策代码',
+    key: 'code',
+    width: 120,
+    align: 'center',
+    ellipsis: { tooltip: true },
+  },
+  {
+    title: '政策名称',
+    key: 'name',
+    width: 200,
+    align: 'center',
+    ellipsis: { tooltip: true },
+  },
+  {
+    title: '政策级别',
+    key: 'level',
+    width: 120,
+    align: 'center',
+    render(row) {
+      const levelMap = {
+        national: { type: 'error', text: '国家级' },
+        provincial: { type: 'warning', text: '省级' },
+        municipal: { type: 'info', text: '市级' },
+        county: { type: 'default', text: '县级' },
+      }
+      const level = levelMap[row.level] || { type: 'default', text: row.level }
+      return h(NTag, { type: level.type }, { default: () => level.text })
+    },
+  },
+  {
+    title: '政策评分',
+    key: 'score',
+    width: 120,
+    align: 'center',
+    render(row) {
+      const getScoreType = (score) => {
+        if (score >= 80) return 'success'
+        if (score >= 60) return 'warning'
+        return 'error'
+      }
+      return h(NTag, { type: getScoreType(row.score) }, { default: () => `${row.score}分` })
+    },
+  },
+  {
+    title: '创建时间',
+    key: 'created_at',
+    align: 'center',
+    width: 180,
+    render(row) {
+      return h(
+        NButton,
+        { size: 'small', type: 'text', ghost: true },
+        { default: () => formatDate(row.created_at), icon: renderIcon('mdi:update', { size: 16 }) }
+      )
+    },
+  },
+  {
+    title: '操作',
+    key: 'actions',
+    width: 240,
+    align: 'center',
+    fixed: 'right',
+    hideInExcel: true,
+    render(row) {
+      return [
+        withDirectives(
+          h(
+            NButton,
+            {
+              size: 'small',
+              type: 'primary',
+              secondary: true,
+              onClick: () => handleEdit(row),
+            },
+            { default: () => '编辑', icon: renderIcon('material-symbols:edit-outline', { size: 16 }) }
+          ),
+          [[vPermission, 'post/api/v1/policy/update']]
+        ),
+        withDirectives(
+          h(
+            NPopconfirm,
+            {
+              onPositiveClick: () => handleDelete({ policy_id: row.id }, false),
+            },
+            {
+              default: () => '确认删除',
+              trigger: () =>
+                h(
+                  NButton,
+                  { size: 'small', type: 'error', style: 'margin-left: 12px;' },
+                  { default: () => '删除', icon: renderIcon('material-symbols:delete-outline', { size: 16 }) }
+                ),
+            }
+          ),
+          [[vPermission, 'delete/api/v1/policy/delete']]
+        ),
+      ]
+    },
+  },
+]
+
+const modalRules = {
+  code: [
+    {
+      required: true,
+      message: '请输入政策代码',
+      trigger: ['input', 'blur'],
+    },
+  ],
+  name: [
+    {
+      required: true,
+      message: '请输入政策名称',
+      trigger: ['input', 'blur'],
+    },
+  ],
+  level: [
+    {
+      required: true,
+      message: '请输入政策级别',
+      trigger: ['input', 'blur'],
+    },
+  ],
+  score: [
+    {
+      required: true,
+      type: 'number',
+      message: '请输入政策评分',
+      trigger: ['input', 'blur'],
+    },
+  ],
+}
+</script>
+
+<template>
+  <CommonPage show-footer title="政策匹配">
+    <template #action>
+      <div>
+        <NButton
+          v-permission="'post/api/v1/policy/create'"
+          class="float-right mb-8"
+          type="primary"
+          @click="handleAdd"
+        >
+          <TheIcon icon="material-symbols:add" :size="18" class="mr-5" />新建政策
+        </NButton>
+      </div>
+    </template>
+
+    <CrudTable
+      ref="$table"
+      v-model:query-items="queryItems"
+      :extra-params="{ ordering: 'id' }"
+      :scroll-x="1200"
+      :columns="columns"
+      :get-data="api.getPolicyList"
+    >
+      <template #queryBar>
+        <QueryBarItem label="政策代码" :label-width="80">
+          <NInput
+            v-model:value="queryItems.code"
+            type="text"
+            placeholder="请输入政策代码"
+            @keydown.enter="$table?.handleSearch()"
+          />
+        </QueryBarItem>
+        <QueryBarItem label="政策名称" :label-width="80">
+          <NInput
+            v-model:value="queryItems.name"
+            type="text"
+            placeholder="请输入政策名称"
+            @keydown.enter="$table?.handleSearch()"
+          />
+        </QueryBarItem>
+        <QueryBarItem label="政策级别" :label-width="80">
+          <NInput
+            v-model:value="queryItems.level"
+            type="text"
+            placeholder="请输入政策级别"
+            @keydown.enter="$table?.handleSearch()"
+          />
+        </QueryBarItem>
+      </template>
+    </CrudTable>
+
+    <CrudModal
+      v-model:visible="modalVisible"
+      :title="modalTitle"
+      :loading="modalLoading"
+      :show-footer="true"
+      @save="handleSave"
+    >
+      <NForm
+        ref="modalFormRef"
+        label-placement="left"
+        label-align="left"
+        :label-width="80"
+        :model="modalForm"
+        :rules="modalRules"
+      >
+        <NFormItem label="政策代码" path="code">
+          <NInput v-model:value="modalForm.code" placeholder="请输入政策代码" />
+        </NFormItem>
+        <NFormItem label="政策名称" path="name">
+          <NInput v-model:value="modalForm.name" placeholder="请输入政策名称" />
+        </NFormItem>
+        <NFormItem label="政策级别" path="level">
+          <NInput
+            v-model:value="modalForm.level"
+            placeholder="请输入政策级别（如：national, provincial, municipal, county）"
+          />
+        </NFormItem>
+        <NFormItem label="政策评分" path="score">
+          <NInputNumber v-model:value="modalForm.score" placeholder="请输入政策评分" :min="0" :max="100" :precision="0" />
+        </NFormItem>
+      </NForm>
+    </CrudModal>
+  </CommonPage>
+</template>