From 695bf2194f13693085799ae547ec6d8ea659a4c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E5=BC=BA?= <357099073@qq.com>
Date: Thu, 13 Nov 2025 17:24:59 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0CRM=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pc/src/api/contact.js                         |   33 +
 pc/src/api/customer.js                        |   72 +
 pc/src/api/supplier.js                        |   72 +
 pc/src/stores/menu.js                         |   14 +-
 .../apps/crm/customer/components/contact.vue  |  201 ++
 .../apps/crm/customer/components/detail.vue   |   72 +
 .../apps/crm/customer/components/edit.vue     |  225 ++
 .../apps/crm/customer/components/invoice.vue  |  107 +
 pc/src/views/apps/crm/customer/index.vue      |  318 +++
 pc/src/views/apps/crm/index.vue               |    7 +
 .../apps/crm/supplier/components/contact.vue  |  201 ++
 .../apps/crm/supplier/components/detail.vue   |   72 +
 .../apps/crm/supplier/components/edit.vue     |  204 ++
 .../apps/crm/supplier/components/invoice.vue  |  107 +
 pc/src/views/apps/crm/supplier/index.vue      |  310 +++
 pc/src/views/apps/crm/workbench/index.vue     | 2460 +++++++++++++++++
 pc/src/views/system/menus/manager.vue         |   65 +-
 server/controllers/contact.go                 |   90 +
 server/controllers/customer.go                |  155 ++
 server/controllers/menu.go                    |   44 +-
 server/controllers/supplier.go                |  110 +
 server/database/yz_tenant_crm_contact.sql     |   24 +
 server/database/yz_tenant_crm_customer.sql    |   26 +
 server/database/yz_tenant_crm_supplier.sql    |   26 +
 server/models/contact.go                      |   37 +
 server/models/customer.go                     |   36 +
 server/models/menu.go                         |   10 +-
 server/models/supplier.go                     |   36 +
 server/routers/router.go                      |   28 +-
 server/services/contact.go                    |   64 +
 server/services/customer.go                   |   79 +
 server/services/supplier.go                   |   79 +
 32 files changed, 5340 insertions(+), 44 deletions(-)
 create mode 100644 pc/src/api/contact.js
 create mode 100644 pc/src/api/customer.js
 create mode 100644 pc/src/api/supplier.js
 create mode 100644 pc/src/views/apps/crm/customer/components/contact.vue
 create mode 100644 pc/src/views/apps/crm/customer/components/detail.vue
 create mode 100644 pc/src/views/apps/crm/customer/components/edit.vue
 create mode 100644 pc/src/views/apps/crm/customer/components/invoice.vue
 create mode 100644 pc/src/views/apps/crm/customer/index.vue
 create mode 100644 pc/src/views/apps/crm/index.vue
 create mode 100644 pc/src/views/apps/crm/supplier/components/contact.vue
 create mode 100644 pc/src/views/apps/crm/supplier/components/detail.vue
 create mode 100644 pc/src/views/apps/crm/supplier/components/edit.vue
 create mode 100644 pc/src/views/apps/crm/supplier/components/invoice.vue
 create mode 100644 pc/src/views/apps/crm/supplier/index.vue
 create mode 100644 pc/src/views/apps/crm/workbench/index.vue
 create mode 100644 server/controllers/contact.go
 create mode 100644 server/controllers/customer.go
 create mode 100644 server/controllers/supplier.go
 create mode 100644 server/database/yz_tenant_crm_contact.sql
 create mode 100644 server/database/yz_tenant_crm_customer.sql
 create mode 100644 server/database/yz_tenant_crm_supplier.sql
 create mode 100644 server/models/contact.go
 create mode 100644 server/models/customer.go
 create mode 100644 server/models/supplier.go
 create mode 100644 server/services/contact.go
 create mode 100644 server/services/customer.go
 create mode 100644 server/services/supplier.go

diff --git a/pc/src/api/contact.js b/pc/src/api/contact.js
new file mode 100644
index 0000000..334e768
--- /dev/null
+++ b/pc/src/api/contact.js
@@ -0,0 +1,33 @@
+import request from '@/utils/request'
+
+export function listContacts(params) {
+  return request({
+    url: '/api/crm/contact/list',
+    method: 'get',
+    params,
+  })
+}
+
+export function createContact(data) {
+  return request({
+    url: '/api/crm/contact/add',
+    method: 'post',
+    data,
+  })
+}
+
+export function updateContact(data) {
+  return request({
+    url: '/api/crm/contact/edit',
+    method: 'post',
+    data,
+  })
+}
+
+export function deleteContact(data) {
+  return request({
+    url: '/api/crm/contact/delete',
+    method: 'post',
+    data,
+  })
+}
diff --git a/pc/src/api/customer.js b/pc/src/api/customer.js
new file mode 100644
index 0000000..aab0be2
--- /dev/null
+++ b/pc/src/api/customer.js
@@ -0,0 +1,72 @@
+import request from '@/utils/request'
+
+/**
+ * 获取客户列表
+ * @param {Object} params 查询参数
+ * @param {number} params.tenantId 租户ID
+ * @returns {Promise}
+ */
+export function listCustomers(params) {
+  return request({
+    url: '/api/crm/customer/list',
+    method: 'get',
+    params
+  })
+}
+
+/**
+ * 获取客户详情
+ * @param {number|string} id 客户ID
+ * @param {number} params.tenantId 租户ID
+ * @returns {Promise}
+ */
+export function getCustomer(id) {
+  return request({
+    url: '/api/crm/customer/detail',
+    method: 'get',
+    params: { id }
+  })
+}
+
+/**
+ * 创建客户
+ * @param {Object} data 客户数据
+ * @param {number} data.tenantId 租户ID
+ * @returns {Promise}
+ */
+export function createCustomer(data) {
+  return request({
+    url: '/api/crm/customer/add',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 更新客户
+ * @param {number|string} id 客户ID
+ * @param {Object} data 更新的数据
+ * @param {number} data.tenantId 租户ID
+ * @returns {Promise}
+ */
+export function updateCustomer(id, data) {
+  return request({
+    url: '/api/crm/customer/edit',
+    method: 'post',
+    data: { id, ...data }
+  })
+}
+
+/**
+ * 删除客户
+ * @param {number|string} id 客户ID
+ * @param {number} tenantId 租户ID
+ * @returns {Promise}
+ */
+export function deleteCustomer(id, tenantId) {
+  return request({
+    url: '/api/crm/customer/delete',
+    method: 'post',
+    data: { id, tenantId }
+  })
+}
diff --git a/pc/src/api/supplier.js b/pc/src/api/supplier.js
new file mode 100644
index 0000000..3464bba
--- /dev/null
+++ b/pc/src/api/supplier.js
@@ -0,0 +1,72 @@
+import request from '@/utils/request'
+
+/**
+ * 获取供应商列表
+ * @param {Object} params 查询参数
+ * @param {number} params.tenantId 租户ID
+ * @returns {Promise}
+ */
+export function listSuppliers(params) {
+  return request({
+    url: '/api/crm/supplier/list',
+    method: 'get',
+    params
+  })
+}
+
+/**
+ * 获取供应商详情
+ * @param {number|string} id 供应商ID
+ * @param {number} params.tenantId 租户ID
+ * @returns {Promise}
+ */
+export function getSupplier(id) {
+  return request({
+    url: '/api/crm/supplier/detail',
+    method: 'get',
+    params: { id }
+  })
+}
+
+/**
+ * 创建供应商
+ * @param {Object} data 供应商数据
+ * @param {number} data.tenantId 租户ID
+ * @returns {Promise}
+ */
+export function createSupplier(data) {
+  return request({
+    url: '/api/crm/supplier/add',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 更新供应商
+ * @param {number|string} id 供应商ID
+ * @param {Object} data 更新的数据
+ * @param {number} data.tenantId 租户ID
+ * @returns {Promise}
+ */
+export function updateSupplier(id, data) {
+  return request({
+    url: '/api/crm/supplier/edit',
+    method: 'post',
+    data: { id, ...data }
+  })
+}
+
+/**
+ * 删除供应商
+ * @param {number|string} id 供应商ID
+ * @param {number} tenantId 租户ID
+ * @returns {Promise}
+ */
+export function deleteSupplier(id, tenantId) {
+  return request({
+    url: '/api/apps/crm/supplier/delete',
+    method: 'post',
+    data: { id, tenantId }
+  })
+}
diff --git a/pc/src/stores/menu.js b/pc/src/stores/menu.js
index 9bde12f..ea382f0 100644
--- a/pc/src/stores/menu.js
+++ b/pc/src/stores/menu.js
@@ -139,10 +139,11 @@ export const useMenuStore = defineStore('menu', () => {
           if (res.data !== undefined && res.data !== null) {
             // 确保 data 是数组
             const menuData = Array.isArray(res.data) ? res.data : [];
-            menus.value = menuData;
+            const filtered = menuData.filter(m => (m.isShow ?? 1) !== 0);
+            menus.value = filtered;
             // 保存到缓存
-            saveToCache(menuData);
-            return menuData;
+            saveToCache(filtered);
+            return filtered;
           } else {
             // data 为 null 或 undefined，使用空数组
             console.warn('菜单数据为空，使用空数组');
@@ -155,9 +156,10 @@ export const useMenuStore = defineStore('menu', () => {
         // 如果响应格式不符合预期，尝试直接使用 res.data
         if (res.data !== undefined) {
           const menuData = Array.isArray(res.data) ? res.data : [];
-          menus.value = menuData;
-          saveToCache(menuData);
-          return menuData;
+          const filtered = menuData.filter(m => (m.isShow ?? 1) !== 0);
+          menus.value = filtered;
+          saveToCache(filtered);
+          return filtered;
         }
         
         // 如果都不符合，抛出错误
diff --git a/pc/src/views/apps/crm/customer/components/contact.vue b/pc/src/views/apps/crm/customer/components/contact.vue
new file mode 100644
index 0000000..013c08b
--- /dev/null
+++ b/pc/src/views/apps/crm/customer/components/contact.vue
@@ -0,0 +1,201 @@
+<template>
+  <el-drawer
+    v-model="visible"
+    title="联系人管理"
+    size="600px"
+    :close-on-click-modal="false"
+  >
+    <div class="contact-container">
+      <el-button type="primary" @click="handleAdd" style="margin-bottom: 16px">
+        新增联系人
+      </el-button>
+      
+      <el-table :data="contactList" border>
+        <el-table-column prop="name" label="姓名" />
+        <el-table-column prop="phone" label="电话" />
+        <el-table-column prop="email" label="邮箱" />
+        <el-table-column prop="position" label="职位" />
+        <el-table-column label="操作" width="150">
+          <template #default="{ row }">
+            <el-button link type="primary" @click="handleEdit(row)">编辑</el-button>
+            <el-button link type="danger" @click="handleDelete(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <el-dialog
+      v-model="dialogVisible"
+      :title="isEdit ? '编辑联系人' : '新增联系人'"
+      width="500px"
+    >
+      <el-form :model="form" :rules="rules" ref="formRef" label-width="80px">
+        <el-form-item label="姓名" prop="name">
+          <el-input v-model="form.name" />
+        </el-form-item>
+        <el-form-item label="电话" prop="phone">
+          <el-input v-model="form.phone" />
+        </el-form-item>
+        <el-form-item label="邮箱" prop="email">
+          <el-input v-model="form.email" />
+        </el-form-item>
+        <el-form-item label="职位" prop="position">
+          <el-input v-model="form.position" />
+        </el-form-item>
+        <el-form-item label="性别" prop="gender">
+          <el-select v-model="form.gender" placeholder="请选择性别" clearable style="width: 100%">
+            <el-option label="未知" :value="0" />
+            <el-option label="男" :value="1" />
+            <el-option label="女" :value="2" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="部门" prop="department">
+          <el-input v-model="form.department" />
+        </el-form-item>
+        <el-form-item label="主联系人" prop="is_primary">
+          <el-switch v-model="form.is_primary" :active-value="1" :inactive-value="0" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="onSubmit">确定</el-button>
+      </template>
+    </el-dialog>
+  </el-drawer>
+</template>
+
+<script setup>
+import { ref, computed, watch } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { listContacts, createContact, updateContact, deleteContact } from '@/api/contact.js'
+
+const props = defineProps({
+  modelValue: Boolean,
+  model: Object
+})
+
+const emit = defineEmits(['update:modelValue', 'saved'])
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v) => emit('update:modelValue', v)
+})
+
+const contactList = ref([])
+const dialogVisible = ref(false)
+const isEdit = ref(false)
+const formRef = ref(null)
+
+const form = ref({
+  id: null,
+  name: '',
+  phone: '',
+  email: '',
+  position: '',
+  gender: 0,
+  department: '',
+  is_primary: 0,
+})
+
+const rules = {
+  name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
+}
+
+function handleAdd() {
+  isEdit.value = false
+  form.value = { id: null, name: '', phone: '', email: '', position: '' }
+  dialogVisible.value = true
+}
+
+function handleEdit(row) {
+  isEdit.value = true
+  form.value = { ...row }
+  dialogVisible.value = true
+}
+
+function getTenantId() {
+  try {
+    const ui = localStorage.getItem('userInfo')
+    if (ui) {
+      const u = JSON.parse(ui)
+      const tid = u.tenant_id || u.tenantId || ''
+      return tid != null && tid !== undefined ? String(tid) : ''
+    }
+  } catch (e) {}
+  return ''
+}
+
+async function fetchList() {
+  const tenant_id = getTenantId()
+  if (!props.model?.id || !tenant_id) return
+  const params = { tenant_id, related_type: 1, related_id: props.model.id }
+  const res = await listContacts(params)
+  const resp = (res && typeof res.code !== 'undefined') ? res : (res && res.data ? res.data : res)
+  if (resp && resp.code === 0) {
+    contactList.value = (resp.data || []).map(it => ({
+      id: it.id,
+      name: it.contact_name,
+      phone: it.mobile || it.phone || '',
+      email: it.email || '',
+      position: it.position || '',
+      gender: Number(it.gender || 0),
+      department: it.department || '',
+      is_primary: Number(it.is_primary || 0),
+      _raw: it,
+    }))
+  }
+}
+
+function handleDelete(row) {
+  ElMessageBox.confirm('确认删除该联系人？', '提示', {
+    type: 'warning'
+  }).then(async () => {
+    const tenant_id = getTenantId()
+    await deleteContact({ id: row.id, tenant_id })
+    ElMessage.success('删除成功')
+    fetchList()
+    emit('saved')
+  })
+}
+
+async function onSubmit() {
+  if (!formRef.value) return
+  await formRef.value.validate()
+  const tenant_id = getTenantId()
+  const base = {
+    tenant_id,
+    related_type: 1,
+    related_id: props.model?.id,
+    contact_name: form.value.name,
+    mobile: form.value.phone,
+    email: form.value.email,
+    position: form.value.position,
+    gender: form.value.gender,
+    department: form.value.department,
+    is_primary: form.value.is_primary,
+  }
+  if (isEdit.value) {
+    await updateContact({ id: form.value.id, ...base })
+  } else {
+    await createContact(base)
+  }
+  ElMessage.success(isEdit.value ? '修改成功' : '新增成功')
+  dialogVisible.value = false
+  fetchList()
+  emit('saved')
+}
+
+watch(() => props.model, (m) => {
+  if (m && m.id) {
+    fetchList()
+  } else {
+    contactList.value = []
+  }
+}, { immediate: true, deep: true })
+</script>
+
+<style scoped>
+.contact-container {
+  padding: 0 20px;
+}
+</style>
diff --git a/pc/src/views/apps/crm/customer/components/detail.vue b/pc/src/views/apps/crm/customer/components/detail.vue
new file mode 100644
index 0000000..575cae7
--- /dev/null
+++ b/pc/src/views/apps/crm/customer/components/detail.vue
@@ -0,0 +1,72 @@
+<template>
+  <el-drawer v-model="visible" :title="title" size="40%" destroy-on-close>
+    <el-descriptions :column="2" border v-if="model">
+      <el-descriptions-item label="客户名称">{{ model.name || '-' }}</el-descriptions-item>
+      <el-descriptions-item label="联系人">{{ model.contact || '-' }}</el-descriptions-item>
+      <el-descriptions-item label="电话">{{ model.phone || '-' }}</el-descriptions-item>
+      <el-descriptions-item label="邮箱">{{ model.email || '-' }}</el-descriptions-item>
+      <el-descriptions-item label="客户类型">{{ getLabel(customerTypeOptions, model.customer_type) }}</el-descriptions-item>
+      <el-descriptions-item label="客户等级">{{ getLabel(customerLevelOptions, model.customer_level) }}</el-descriptions-item>
+      <el-descriptions-item label="所属行业">{{ getLabel(industryOptions, model.industry) }}</el-descriptions-item>
+      <el-descriptions-item label="客户状态">
+        <el-tag :type="(model.status===1||model.status==='1') ? 'success' : 'info'">
+          {{ getLabel(customerStatusOptions, String(model.status ?? '')) || ((model.status===1||model.status==='1') ? '正常' : '停用') }}
+        </el-tag>
+      </el-descriptions-item>
+      <el-descriptions-item label="地址" :span="2">{{ model.address || '-' }}</el-descriptions-item>
+    </el-descriptions>
+    <template #footer>
+      <el-button @click="visible=false">关闭</el-button>
+    </template>
+  </el-drawer>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import request from '@/utils/request'
+
+const props = defineProps<{ modelValue: boolean, model?: any }>()
+const emit = defineEmits(['update:modelValue'])
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v: boolean) => emit('update:modelValue', v)
+})
+
+const title = computed(() => `客户详情${props.model?.name ? ' - ' + props.model.name : ''}`)
+
+const customerTypeOptions = ref<{label:string,value:string}[]>([])
+const customerLevelOptions = ref<{label:string,value:string}[]>([])
+const industryOptions = ref<{label:string,value:string}[]>([])
+const customerStatusOptions = ref<{label:string,value:string}[]>([])
+
+function mapDictItems(items: any[]) {
+  return (items || []).map(it => ({ label: it.dict_label, value: String(it.dict_value) }))
+}
+function getLabel(options: {label:string,value:string}[], value: any) {
+  const val = value != null && value !== undefined ? String(value) : ''
+  const found = options.find(o => o.value === val)
+  return found ? found.label : '-'
+}
+
+async function loadDictOptions() {
+  const [typeRes, levelRes, industryRes, statusRes] = await Promise.all([
+    request({ url: '/api/dict/items/code/customer_type', method: 'get' }),
+    request({ url: '/api/dict/items/code/customer_level', method: 'get' }),
+    request({ url: '/api/dict/items/code/industry', method: 'get' }),
+    request({ url: '/api/dict/items/code/customer_status', method: 'get' }),
+  ])
+  const getData = (r:any) => (r && r.data && (r.data.data || r.data)) || []
+  customerTypeOptions.value = mapDictItems(getData(typeRes))
+  customerLevelOptions.value = mapDictItems(getData(levelRes))
+  industryOptions.value = mapDictItems(getData(industryRes))
+  customerStatusOptions.value = mapDictItems(getData(statusRes))
+}
+
+watch(() => visible.value, (v) => {
+  if (v) loadDictOptions()
+})
+</script>
+
+<style scoped>
+</style>
diff --git a/pc/src/views/apps/crm/customer/components/edit.vue b/pc/src/views/apps/crm/customer/components/edit.vue
new file mode 100644
index 0000000..3ca483e
--- /dev/null
+++ b/pc/src/views/apps/crm/customer/components/edit.vue
@@ -0,0 +1,225 @@
+<template>
+  <el-dialog
+    v-model="visible"
+    :title="isEdit ? '编辑客户' : '新增客户'"
+    width="600px"
+    :close-on-click-modal="false"
+  >
+    <el-form :model="form" :rules="rules" ref="formRef" label-width="100px">
+      <el-form-item label="客户名称" prop="name">
+        <el-input v-model="form.name" placeholder="请输入客户名称" />
+      </el-form-item>
+      <el-form-item label="客户类型" prop="customer_type">
+        <el-select v-model="form.customer_type" placeholder="请选择客户类型" filterable clearable>
+          <el-option
+            v-for="item in customerTypeOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="客户等级" prop="customer_level">
+        <el-select v-model="form.customer_level" placeholder="请选择客户等级" filterable clearable>
+          <el-option
+            v-for="item in customerLevelOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="所属行业" prop="industry">
+        <el-select v-model="form.industry" placeholder="请选择所属行业" filterable clearable>
+          <el-option
+            v-for="item in industryOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="联系人" prop="contact">
+        <el-input v-model="form.contact" placeholder="请输入联系人" />
+      </el-form-item>
+      <el-form-item label="联系电话" prop="phone">
+        <el-input v-model="form.phone" placeholder="请输入联系电话" />
+      </el-form-item>
+      <el-form-item label="邮箱" prop="email">
+        <el-input v-model="form.email" placeholder="请输入邮箱" />
+      </el-form-item>
+      <el-form-item label="地址" prop="address">
+        <el-input v-model="form.address" type="textarea" placeholder="请输入地址" />
+      </el-form-item>
+      <el-form-item label="客户状态" prop="status">
+        <el-select v-model="form.status" placeholder="请选择客户状态" clearable>
+          <el-option
+            v-for="item in customerStatusOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="onCancel">取消</el-button>
+      <el-button type="primary" @click="onSubmit" :loading="submitting">确定</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, watch, computed, onMounted } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import { createCustomer, updateCustomer } from '../../../../../api/customer.js'
+import request from '@/utils/request'
+
+const props = defineProps<{ modelValue: boolean, isEdit: boolean, model?: any }>()
+const emit = defineEmits(['update:modelValue', 'saved'])
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v: boolean) => emit('update:modelValue', v)
+})
+
+const formRef = ref<FormInstance>()
+const submitting = ref(false)
+const form = reactive({
+  id: null as string | null,
+  name: '',
+  customer_type: '',
+  customer_level: '',
+  industry: '',
+  contact: '',
+  phone: '',
+  email: '',
+  address: '',
+  status: '' as any
+})
+
+const rules: FormRules = {
+  name: [{ required: true, message: '请输入客户名称', trigger: 'blur' }],
+  customer_type: [{ required: true, message: '请选择客户类型', trigger: 'change' }],
+  customer_level: [{ required: true, message: '请选择客户等级', trigger: 'change' }],
+  industry: [{ required: true, message: '请选择所属行业', trigger: 'change' }],
+  contact: [{ required: true, message: '请输入联系人', trigger: 'blur' }],
+  phone: [{ required: true, message: '请输入联系电话', trigger: 'blur' }],
+}
+
+const customerTypeOptions = ref<{label:string,value:string}[]>([])
+const customerLevelOptions = ref<{label:string,value:string}[]>([])
+const industryOptions = ref<{label:string,value:string}[]>([])
+const customerStatusOptions = ref<{label:string,value:string}[]>([])
+
+function mapDictItems(items: any[]) {
+  return (items || []).map(it => ({ label: it.dict_label, value: it.dict_value }))
+}
+
+async function loadDictOptions() {
+  const [typeRes, levelRes, industryRes, statusRes] = await Promise.all([
+    request({ url: '/api/dict/items/code/customer_type', method: 'get' }),
+    request({ url: '/api/dict/items/code/customer_level', method: 'get' }),
+    request({ url: '/api/dict/items/code/industry', method: 'get' }),
+    request({ url: '/api/dict/items/code/customer_status', method: 'get' }),
+  ])
+  const getData = (r:any) => (r && r.data && (r.data.data || r.data)) || []
+  customerTypeOptions.value = mapDictItems(getData(typeRes))
+  customerLevelOptions.value = mapDictItems(getData(levelRes))
+  industryOptions.value = mapDictItems(getData(industryRes))
+  customerStatusOptions.value = mapDictItems(getData(statusRes))
+}
+
+watch(() => props.model, (m) => {
+  if (m) {
+    form.id = m.id ?? null
+    form.name = (m.customer_name ?? m.name) ?? ''
+    form.customer_type = m.customer_type != null && m.customer_type !== undefined ? String(m.customer_type) : ''
+    form.customer_level = m.customer_level != null && m.customer_level !== undefined ? String(m.customer_level) : ''
+    form.industry = m.industry != null && m.industry !== undefined ? String(m.industry) : ''
+    form.contact = (m.contact_person ?? m.contact) ?? ''
+    form.phone = (m.contact_phone ?? m.phone) ?? ''
+    form.email = (m.contact_email ?? m.email) ?? ''
+    form.address = m.address ?? ''
+    form.status = m.status != null && m.status !== undefined ? String(m.status) : ''
+  } else {
+    resetForm()
+  }
+}, { immediate: true, deep: true })
+
+function resetForm() {
+  form.id = null
+  form.name = ''
+  form.customer_type = ''
+  form.customer_level = ''
+  form.industry = ''
+  form.contact = ''
+  form.phone = ''
+  form.email = ''
+  form.address = ''
+  form.status = ''
+  formRef.value?.clearValidate()
+}
+
+async function onSubmit() {
+  if (!formRef.value) return
+  await formRef.value.validate()
+  try {
+    submitting.value = true
+    const tenantId = (() => {
+      try {
+        const ui = localStorage.getItem('userInfo')
+        if (ui) {
+          const u = JSON.parse(ui)
+          const tid = u.tenant_id || u.tenantId || ''
+          return tid != null && tid !== undefined ? String(tid) : ''
+        }
+      } catch (e) {}
+      return ''
+    })()
+    const payload: any = {
+      customer_name: form.name,
+      customer_type: form.customer_type,
+      customer_level: form.customer_level,
+      industry: form.industry,
+      contact_person: form.contact,
+      contact_phone: form.phone,
+      contact_email: form.email,
+      address: form.address,
+      status: String(form.status),
+      tenant_id: tenantId,
+    }
+    if (props.isEdit && form.id) {
+      await updateCustomer(form.id, payload)
+    } else {
+      await createCustomer(payload)
+    }
+    ElMessage.success(props.isEdit ? '修改成功' : '新增成功')
+    emit('saved')
+    visible.value = false
+  } finally {
+    submitting.value = false
+  }
+}
+
+function onCancel() {
+  visible.value = false
+}
+
+watch(() => visible.value, (v) => {
+  if (v) {
+    loadDictOptions()
+  }
+})
+
+onMounted(() => {
+  if (visible.value) {
+    loadDictOptions()
+  }
+})
+</script>
+
+<style scoped>
+</style>
+
diff --git a/pc/src/views/apps/crm/customer/components/invoice.vue b/pc/src/views/apps/crm/customer/components/invoice.vue
new file mode 100644
index 0000000..9d1f3fe
--- /dev/null
+++ b/pc/src/views/apps/crm/customer/components/invoice.vue
@@ -0,0 +1,107 @@
+<template>
+  <el-drawer
+    v-model="visible"
+    title="开票信息"
+    size="600px"
+    :close-on-click-modal="false"
+  >
+    <el-form :model="form" :rules="rules" ref="formRef" label-width="120px">
+      <el-form-item label="发票抬头" prop="invoice_title">
+        <el-input v-model="form.invoice_title" placeholder="请输入发票抬头" />
+      </el-form-item>
+      <el-form-item label="纳税人识别号" prop="tax_number">
+        <el-input v-model="form.tax_number" placeholder="请输入纳税人识别号" />
+      </el-form-item>
+      <el-form-item label="开户银行" prop="bank_name">
+        <el-input v-model="form.bank_name" placeholder="请输入开户银行" />
+      </el-form-item>
+      <el-form-item label="银行账号" prop="bank_account">
+        <el-input v-model="form.bank_account" placeholder="请输入银行账号" />
+      </el-form-item>
+      <el-form-item label="注册地址" prop="registered_address">
+        <el-input v-model="form.registered_address" type="textarea" placeholder="请输入注册地址" />
+      </el-form-item>
+      <el-form-item label="注册电话" prop="registered_phone">
+        <el-input v-model="form.registered_phone" placeholder="请输入注册电话" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="onCancel">取消</el-button>
+      <el-button type="primary" @click="onSubmit" :loading="submitting">保存</el-button>
+    </template>
+  </el-drawer>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, computed, watch } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+
+const props = defineProps<{ modelValue: boolean, model?: any }>()
+const emit = defineEmits(['update:modelValue', 'saved'])
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v: boolean) => emit('update:modelValue', v)
+})
+
+const formRef = ref<FormInstance>()
+const submitting = ref(false)
+const form = reactive({
+  invoice_title: '',
+  tax_number: '',
+  bank_name: '',
+  bank_account: '',
+  registered_address: '',
+  registered_phone: ''
+})
+
+const rules: FormRules = {
+  invoice_title: [{ required: true, message: '请输入发票抬头', trigger: 'blur' }],
+  tax_number: [{ required: true, message: '请输入纳税人识别号', trigger: 'blur' }]
+}
+
+function resetForm() {
+  form.invoice_title = ''
+  form.tax_number = ''
+  form.bank_name = ''
+  form.bank_account = ''
+  form.registered_address = ''
+  form.registered_phone = ''
+  formRef.value?.clearValidate()
+}
+
+function onCancel() {
+  visible.value = false
+}
+
+async function onSubmit() {
+  if (!formRef.value) return
+  await formRef.value.validate()
+  try {
+    submitting.value = true
+    // TODO: 调用保存开票信息的API
+    ElMessage.success('保存成功')
+    emit('saved')
+    visible.value = false
+  } finally {
+    submitting.value = false
+  }
+}
+
+watch(() => props.model, (m) => {
+  if (m) {
+    form.invoice_title = m.invoice_title ?? ''
+    form.tax_number = m.tax_number ?? ''
+    form.bank_name = m.bank_name ?? ''
+    form.bank_account = m.bank_account ?? ''
+    form.registered_address = m.registered_address ?? ''
+    form.registered_phone = m.registered_phone ?? ''
+  } else {
+    resetForm()
+  }
+}, { immediate: true, deep: true })
+</script>
+
+<style scoped>
+</style>
diff --git a/pc/src/views/apps/crm/customer/index.vue b/pc/src/views/apps/crm/customer/index.vue
new file mode 100644
index 0000000..e583ee9
--- /dev/null
+++ b/pc/src/views/apps/crm/customer/index.vue
@@ -0,0 +1,318 @@
+<template>
+  <div class="crm-customer">
+    <div class="customer-container">
+      <!-- 顶部操作栏 -->
+      <div class="toolbar">
+        <el-button type="primary" @click="handleAdd">新增客户</el-button>
+        <el-button @click="handleRefresh">刷新</el-button>
+        <div class="search-bar">
+          <el-input v-model="searchQuery" placeholder="搜索客户名称/联系人/电话" clearable @clear="handleSearch">
+            <template #append>
+              <el-button :icon="Search" @click="handleSearch" />
+            </template>
+          </el-input>
+        </div>
+      </div>
+
+      <!-- 客户列表 -->
+      <el-table :data="customerList" v-loading="loading" stripe border style="width: 100%">
+        <el-table-column prop="name" label="客户名称" width="220" />
+        <el-table-column prop="contact" label="联系人" width="100" />
+        <el-table-column prop="phone" label="联系电话" min-width="80" />
+        <el-table-column prop="email" label="邮箱" min-width="100" />
+        <el-table-column prop="address" label="地址" show-overflow-tooltip />
+        <el-table-column prop="status" label="状态" width="100">
+          <template #default="{ row }">
+            <el-tag :type="row.status === 1 ? 'success' : 'info'">
+              {{ row.status === 1 ? '正常' : '停用' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="300" fixed="right" align="center">
+          <template #default="{ row }">
+            <el-button link type="info" @click="handleContactView(row)">联系人</el-button>
+            <el-button link type="info" @click="handleView(row)">详情</el-button>
+            <el-button link type="info" @click="handleInvoiceView(row)">开票信息</el-button>
+            <el-button link type="primary" @click="handleEdit(row)">编辑</el-button>
+            <el-button link type="danger" @click="handleDelete(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <div class="pagination">
+        <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :total="total"
+          :page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+      </div>
+    </div>
+
+    <!-- 编辑弹窗 -->
+    <Edit v-model="dialogVisible" :is-edit="isEdit" :model="currentRow" @saved="onSaved" />
+
+    <!-- 详情抽屉 -->
+    <Detail v-model="detailVisible" :model="currentRow" />
+
+    <!-- 开票信息抽屉 -->
+    <Invoice v-model="invoiceVisible" :model="currentRow" />
+
+    <!-- 联系人抽屉 -->
+    <Contact v-model="contactVisible" :model="currentRow" />
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { Search } from '@element-plus/icons-vue';
+import Edit from './components/edit.vue'
+import Detail from './components/detail.vue'
+import Invoice from './components/invoice.vue'
+import Contact from './components/contact.vue'
+import { listCustomers, getCustomer, deleteCustomer } from '@/api/customer.js'
+
+const loading = ref(false);
+const customerList = ref([]);
+const searchQuery = ref('');
+const currentPage = ref(1);
+const pageSize = ref(10);
+const total = ref(0);
+const dialogVisible = ref(false);
+const detailVisible = ref(false);
+const contactVisible = ref(false);
+const invoiceVisible = ref(false);
+const isEdit = ref(false);
+const currentRow = ref(null);
+
+function fetchCustomerList() {
+  loading.value = true;
+  const params = {
+    keyword: searchQuery.value,
+    page: currentPage.value,
+    pageSize: pageSize.value,
+  }
+  listCustomers(params)
+    .then((res) => {
+      const resp = (res && typeof res.code !== 'undefined') ? res : (res && res.data ? res.data : res)
+      if (resp && resp.code === 0 && resp.data) {
+        const rows = resp.data.list || []
+        total.value = resp.data.total || 0
+        customerList.value = rows.map((m) => ({
+          id: m.id,
+          name: m.customer_name || m.name || '',
+          contact: m.contact_person || m.contact || '',
+          phone: m.contact_phone || m.phone || '',
+          email: m.contact_email || m.email || '',
+          address: m.address || '',
+          status: typeof m.status === 'number' ? m.status : (m.status === '0' ? 0 : 1),
+          _raw: m,
+        }))
+      } else {
+        customerList.value = []
+        total.value = 0
+        if (resp && resp.message) ElMessage.error(resp.message)
+      }
+    })
+    .finally(() => {
+      loading.value = false;
+    })
+}
+
+function handleAdd() {
+  isEdit.value = false;
+  currentRow.value = null;
+  dialogVisible.value = true;
+}
+
+function handleEdit(row) {
+  isEdit.value = true;
+  // 获取详情，保证带上字典字段值
+  getCustomer(row.id).then((res) => {
+    const resp = (res && typeof res.code !== 'undefined') ? res : (res && res.data ? res.data : res)
+    if (resp && resp.code === 0 && resp.data) {
+      const m = resp.data
+      currentRow.value = {
+        id: m.id,
+        name: m.customer_name || m.name || '',
+        contact: m.contact_person || m.contact || '',
+        phone: m.contact_phone || m.phone || '',
+        email: m.contact_email || m.email || '',
+        address: m.address || '',
+        status: typeof m.status === 'number' ? m.status : (m.status === '0' ? 0 : 1),
+        // 传递字典字段原始值
+        customer_type: m.customer_type,
+        customer_level: m.customer_level,
+        industry: m.industry,
+        _raw: m,
+      }
+    } else {
+      // 回退使用列表行数据
+      currentRow.value = { ...row }
+    }
+    dialogVisible.value = true;
+  })
+}
+
+function handleView(row) {
+  // 拉取最新详情再展示
+  getCustomer(row.id).then((res) => {
+    const resp = (res && typeof res.code !== 'undefined') ? res : (res && res.data ? res.data : res)
+    if (resp && resp.code === 0 && resp.data) {
+      const m = resp.data
+      currentRow.value = {
+        id: m.id,
+        name: m.customer_name || m.name || '',
+        contact: m.contact_person || m.contact || '',
+        phone: m.contact_phone || m.phone || '',
+        email: m.contact_email || m.email || '',
+        address: m.address || '',
+        status: typeof m.status === 'number' ? m.status : (m.status === '0' ? 0 : 1),
+        // 传递字典字段原始值供详情组件显示
+        customer_type: m.customer_type,
+        customer_level: m.customer_level,
+        industry: m.industry,
+        _raw: m,
+      }
+      detailVisible.value = true
+    }
+  })
+}
+
+function handleContactView(row) {
+  // 先打开联系人抽屉，再异步拉详情以便得到 _raw.contacts
+  currentRow.value = { ...row }
+  contactVisible.value = true
+  getCustomer(row.id).then((res) => {
+    const resp = (res && typeof res.code !== 'undefined') ? res : (res && res.data ? res.data : res)
+    if (resp && resp.code === 0 && resp.data) {
+      const m = resp.data
+      currentRow.value = {
+        id: m.id,
+        name: m.customer_name || m.name || '',
+        contact: m.contact_person || m.contact || '',
+        phone: m.contact_phone || m.phone || '',
+        email: m.contact_email || m.email || '',
+        address: m.address || '',
+        status: typeof m.status === 'number' ? m.status : (m.status === '0' ? 0 : 1),
+        customer_type: m.customer_type,
+        customer_level: m.customer_level,
+        industry: m.industry,
+        _raw: m,
+      }
+    }
+  })
+}
+
+function handleInvoiceView(row) {
+  // 先打开抽屉，后异步加载详情
+  currentRow.value = { ...row }
+  invoiceVisible.value = true
+  getCustomer(row.id)
+    .then((res) => {
+      const resp = (res && typeof res.code !== 'undefined') ? res : (res && res.data ? res.data : res)
+      if (resp && resp.code === 0 && resp.data) {
+        const m = resp.data
+        currentRow.value = {
+          id: m.id,
+          name: m.customer_name || m.name || '',
+          contact: m.contact_person || m.contact || '',
+          phone: m.contact_phone || m.phone || '',
+          email: m.contact_email || m.email || '',
+          address: m.address || '',
+          status: typeof m.status === 'number' ? m.status : (m.status === '0' ? 0 : 1),
+          customer_type: m.customer_type,
+          customer_level: m.customer_level,
+          industry: m.industry,
+          invoice_title: m.invoice_title,
+          tax_number: m.tax_number,
+          bank_name: m.bank_name,
+          bank_account: m.bank_account,
+          registered_address: m.registered_address,
+          registered_phone: m.registered_phone,
+          _raw: m,
+        }
+      }
+    })
+    .catch(() => {})
+}
+
+function handleDelete(row) {
+  ElMessageBox.confirm('确定要删除该客户吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    deleteCustomer(row.id)
+      .then((res) => {
+        const resp = (res && typeof res.code !== 'undefined') ? res : (res && res.data ? res.data : res)
+        if (resp && resp.code === 0) {
+          ElMessage.success('删除成功');
+          fetchCustomerList();
+        } else {
+          ElMessage.error((resp && resp.message) || '删除失败')
+        }
+      })
+  });
+}
+
+function onSaved() {
+  fetchCustomerList();
+}
+
+function handleSearch() {
+  currentPage.value = 1;
+  fetchCustomerList();
+}
+
+function handleRefresh() {
+  searchQuery.value = '';
+  currentPage.value = 1;
+  fetchCustomerList();
+}
+
+function handleSizeChange() {
+  fetchCustomerList();
+}
+
+function handleCurrentChange() {
+  fetchCustomerList();
+}
+
+onMounted(() => {
+  fetchCustomerList();
+});
+</script>
+
+<style lang="scss" scoped>
+.crm-customer {
+  padding: 20px;
+  height: 100%;
+  background: #f5f7fa;
+
+  .customer-container {
+    background: #fff;
+    border-radius: 8px;
+    padding: 20px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
+    .toolbar {
+      display: flex;
+      gap: 10px;
+      margin-bottom: 20px;
+
+      .search-bar {
+        margin-left: auto;
+        width: 300px;
+      }
+    }
+
+    .pagination {
+      margin-top: 20px;
+      display: flex;
+      justify-content: flex-end;
+    }
+  }
+}
+</style>
diff --git a/pc/src/views/apps/crm/index.vue b/pc/src/views/apps/crm/index.vue
new file mode 100644
index 0000000..9024bbe
--- /dev/null
+++ b/pc/src/views/apps/crm/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <router-view />
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped></style>
diff --git a/pc/src/views/apps/crm/supplier/components/contact.vue b/pc/src/views/apps/crm/supplier/components/contact.vue
new file mode 100644
index 0000000..1b9be80
--- /dev/null
+++ b/pc/src/views/apps/crm/supplier/components/contact.vue
@@ -0,0 +1,201 @@
+<template>
+  <el-drawer
+    v-model="visible"
+    title="联系人管理"
+    size="600px"
+    :close-on-click-modal="false"
+  >
+    <div class="contact-container">
+      <el-button type="primary" @click="handleAdd" style="margin-bottom: 16px">
+        新增联系人
+      </el-button>
+      
+      <el-table :data="contactList" border>
+        <el-table-column prop="name" label="姓名" />
+        <el-table-column prop="phone" label="电话" />
+        <el-table-column prop="email" label="邮箱" />
+        <el-table-column prop="position" label="职位" />
+        <el-table-column label="操作" width="150">
+          <template #default="{ row }">
+            <el-button link type="primary" @click="handleEdit(row)">编辑</el-button>
+            <el-button link type="danger" @click="handleDelete(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <el-dialog
+      v-model="dialogVisible"
+      :title="isEdit ? '编辑联系人' : '新增联系人'"
+      width="500px"
+    >
+      <el-form :model="form" :rules="rules" ref="formRef" label-width="80px">
+        <el-form-item label="姓名" prop="name">
+          <el-input v-model="form.name" />
+        </el-form-item>
+        <el-form-item label="电话" prop="phone">
+          <el-input v-model="form.phone" />
+        </el-form-item>
+        <el-form-item label="邮箱" prop="email">
+          <el-input v-model="form.email" />
+        </el-form-item>
+        <el-form-item label="职位" prop="position">
+          <el-input v-model="form.position" />
+        </el-form-item>
+        <el-form-item label="性别" prop="gender">
+          <el-select v-model="form.gender" placeholder="请选择性别" clearable style="width: 100%">
+            <el-option label="未知" :value="0" />
+            <el-option label="男" :value="1" />
+            <el-option label="女" :value="2" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="部门" prop="department">
+          <el-input v-model="form.department" />
+        </el-form-item>
+        <el-form-item label="主联系人" prop="is_primary">
+          <el-switch v-model="form.is_primary" :active-value="1" :inactive-value="0" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="onSubmit">确定</el-button>
+      </template>
+    </el-dialog>
+  </el-drawer>
+</template>
+
+<script setup>
+import { ref, computed, watch } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { listContacts, createContact, updateContact, deleteContact } from '@/api/contact.js'
+
+const props = defineProps({
+  modelValue: Boolean,
+  model: Object
+})
+
+const emit = defineEmits(['update:modelValue', 'saved'])
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v) => emit('update:modelValue', v)
+})
+
+const contactList = ref([])
+const dialogVisible = ref(false)
+const isEdit = ref(false)
+const formRef = ref(null)
+
+const form = ref({
+  id: null,
+  name: '',
+  phone: '',
+  email: '',
+  position: '',
+  gender: 0,
+  department: '',
+  is_primary: 0,
+})
+
+const rules = {
+  name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
+}
+
+function handleAdd() {
+  isEdit.value = false
+  form.value = { id: null, name: '', phone: '', email: '', position: '' }
+  dialogVisible.value = true
+}
+
+function handleEdit(row) {
+  isEdit.value = true
+  form.value = { ...row }
+  dialogVisible.value = true
+}
+
+function getTenantId() {
+  try {
+    const ui = localStorage.getItem('userInfo')
+    if (ui) {
+      const u = JSON.parse(ui)
+      const tid = u.tenant_id || u.tenantId || ''
+      return tid != null && tid !== undefined ? String(tid) : ''
+    }
+  } catch (e) {}
+  return ''
+}
+
+async function fetchList() {
+  const tenant_id = getTenantId()
+  if (!props.model?.id || !tenant_id) return
+  const params = { tenant_id, related_type: 2, related_id: props.model.id }
+  const res = await listContacts(params)
+  const resp = (res && typeof res.code !== 'undefined') ? res : (res && res.data ? res.data : res)
+  if (resp && resp.code === 0) {
+    contactList.value = (resp.data || []).map(it => ({
+      id: it.id,
+      name: it.contact_name,
+      phone: it.mobile || it.phone || '',
+      email: it.email || '',
+      position: it.position || '',
+      gender: Number(it.gender || 0),
+      department: it.department || '',
+      is_primary: Number(it.is_primary || 0),
+      _raw: it,
+    }))
+  }
+}
+
+function handleDelete(row) {
+  ElMessageBox.confirm('确认删除该联系人？', '提示', {
+    type: 'warning'
+  }).then(async () => {
+    const tenant_id = getTenantId()
+    await deleteContact({ id: row.id, tenant_id })
+    ElMessage.success('删除成功')
+    fetchList()
+    emit('saved')
+  })
+}
+
+async function onSubmit() {
+  if (!formRef.value) return
+  await formRef.value.validate()
+  const tenant_id = getTenantId()
+  const base = {
+    tenant_id,
+    related_type: 2,
+    related_id: props.model?.id,
+    contact_name: form.value.name,
+    mobile: form.value.phone,
+    email: form.value.email,
+    position: form.value.position,
+    gender: form.value.gender,
+    department: form.value.department,
+    is_primary: form.value.is_primary,
+  }
+  if (isEdit.value) {
+    await updateContact({ id: form.value.id, ...base })
+  } else {
+    await createContact(base)
+  }
+  ElMessage.success(isEdit.value ? '修改成功' : '新增成功')
+  dialogVisible.value = false
+  fetchList()
+  emit('saved')
+}
+
+watch(() => props.model, (m) => {
+  if (m && m.id) {
+    fetchList()
+  } else {
+    contactList.value = []
+  }
+}, { immediate: true, deep: true })
+</script>
+
+<style scoped>
+.contact-container {
+  padding: 0 20px;
+}
+</style>
diff --git a/pc/src/views/apps/crm/supplier/components/detail.vue b/pc/src/views/apps/crm/supplier/components/detail.vue
new file mode 100644
index 0000000..3130a2c
--- /dev/null
+++ b/pc/src/views/apps/crm/supplier/components/detail.vue
@@ -0,0 +1,72 @@
+<template>
+  <el-drawer v-model="visible" :title="title" size="40%" destroy-on-close>
+    <el-descriptions :column="2" border v-if="model">
+      <el-descriptions-item label="供应商名称">{{ model.name || '-' }}</el-descriptions-item>
+      <el-descriptions-item label="联系人">{{ model.contact || '-' }}</el-descriptions-item>
+      <el-descriptions-item label="电话">{{ model.phone || '-' }}</el-descriptions-item>
+      <el-descriptions-item label="邮箱">{{ model.email || '-' }}</el-descriptions-item>
+      <el-descriptions-item label="供应商类型">{{ getLabel(supplierTypeOptions, model.supplier_type) }}</el-descriptions-item>
+      <el-descriptions-item label="供应商等级">{{ getLabel(supplierLevelOptions, model.supplier_level) }}</el-descriptions-item>
+      <el-descriptions-item label="所属行业">{{ getLabel(industryOptions, model.industry) }}</el-descriptions-item>
+      <el-descriptions-item label="供应商状态">
+        <el-tag :type="(model.status===1||model.status==='1') ? 'success' : 'info'">
+          {{ getLabel(supplierStatusOptions, String(model.status ?? '')) || ((model.status===1||model.status==='1') ? '正常' : '停用') }}
+        </el-tag>
+      </el-descriptions-item>
+      <el-descriptions-item label="地址" :span="2">{{ model.address || '-' }}</el-descriptions-item>
+    </el-descriptions>
+    <template #footer>
+      <el-button @click="visible=false">关闭</el-button>
+    </template>
+  </el-drawer>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import request from '@/utils/request'
+
+const props = defineProps<{ modelValue: boolean, model?: any }>()
+const emit = defineEmits(['update:modelValue'])
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v: boolean) => emit('update:modelValue', v)
+})
+
+const title = computed(() => `供应商详情${props.model?.name ? ' - ' + props.model.name : ''}`)
+
+const supplierTypeOptions = ref<{label:string,value:string}[]>([])
+const supplierLevelOptions = ref<{label:string,value:string}[]>([])
+const industryOptions = ref<{label:string,value:string}[]>([])
+const supplierStatusOptions = ref<{label:string,value:string}[]>([])
+
+function mapDictItems(items: any[]) {
+  return (items || []).map(it => ({ label: it.dict_label, value: String(it.dict_value) }))
+}
+function getLabel(options: {label:string,value:string}[], value: any) {
+  const val = value != null && value !== undefined ? String(value) : ''
+  const found = options.find(o => o.value === val)
+  return found ? found.label : '-'
+}
+
+async function loadDictOptions() {
+  const [typeRes, levelRes, industryRes, statusRes] = await Promise.all([
+    request({ url: '/api/dict/items/code/supplier_type', method: 'get' }),
+    request({ url: '/api/dict/items/code/supplier_level', method: 'get' }),
+    request({ url: '/api/dict/items/code/industry', method: 'get' }),
+    request({ url: '/api/dict/items/code/supplier_status', method: 'get' }),
+  ])
+  const getData = (r:any) => (r && r.data && (r.data.data || r.data)) || []
+  supplierTypeOptions.value = mapDictItems(getData(typeRes))
+  supplierLevelOptions.value = mapDictItems(getData(levelRes))
+  industryOptions.value = mapDictItems(getData(industryRes))
+  supplierStatusOptions.value = mapDictItems(getData(statusRes))
+}
+
+watch(() => visible.value, (v) => {
+  if (v) loadDictOptions()
+})
+</script>
+
+<style scoped>
+</style>
diff --git a/pc/src/views/apps/crm/supplier/components/edit.vue b/pc/src/views/apps/crm/supplier/components/edit.vue
new file mode 100644
index 0000000..2dc5d81
--- /dev/null
+++ b/pc/src/views/apps/crm/supplier/components/edit.vue
@@ -0,0 +1,204 @@
+<template>
+  <el-dialog
+    v-model="visible"
+    :title="isEdit ? '编辑供应商' : '新增供应商'"
+    width="600px"
+    :close-on-click-modal="false"
+  >
+    <el-form :model="form" :rules="rules" ref="formRef" label-width="100px">
+      <el-form-item label="供应商名称" prop="name">
+        <el-input v-model="form.name" placeholder="请输入供应商名称" />
+      </el-form-item>
+      <el-form-item label="供应商类型" prop="supplier_type">
+        <el-select v-model="form.supplier_type" placeholder="请选择供应商类型" filterable clearable>
+          <el-option v-for="item in supplierTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="供应商等级" prop="supplier_level">
+        <el-select v-model="form.supplier_level" placeholder="请选择供应商等级" filterable clearable>
+          <el-option v-for="item in supplierLevelOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="所属行业" prop="industry">
+        <el-select v-model="form.industry" placeholder="请选择所属行业" filterable clearable>
+          <el-option v-for="item in industryOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="联系人" prop="contact">
+        <el-input v-model="form.contact" placeholder="请输入联系人" />
+      </el-form-item>
+      <el-form-item label="联系电话" prop="phone">
+        <el-input v-model="form.phone" placeholder="请输入联系电话" />
+      </el-form-item>
+      <el-form-item label="邮箱" prop="email">
+        <el-input v-model="form.email" placeholder="请输入邮箱" />
+      </el-form-item>
+      <el-form-item label="地址" prop="address">
+        <el-input v-model="form.address" type="textarea" placeholder="请输入地址" />
+      </el-form-item>
+      <el-form-item label="供应商状态" prop="status">
+        <el-select v-model="form.status" placeholder="请选择供应商状态" clearable>
+          <el-option v-for="item in supplierStatusOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="onCancel">取消</el-button>
+      <el-button type="primary" @click="onSubmit" :loading="submitting">确定</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, watch, computed, onMounted } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import { createSupplier, updateSupplier } from '../../../../../api/supplier.js'
+import request from '@/utils/request'
+
+const props = defineProps<{ modelValue: boolean, isEdit: boolean, model?: any }>()
+const emit = defineEmits(['update:modelValue', 'saved'])
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v: boolean) => emit('update:modelValue', v)
+})
+
+const formRef = ref<FormInstance>()
+const submitting = ref(false)
+const form = reactive({
+  id: null as string | null,
+  name: '',
+  supplier_type: '',
+  supplier_level: '',
+  industry: '',
+  contact: '',
+  phone: '',
+  email: '',
+  address: '',
+  status: '' as any
+})
+
+const rules: FormRules = {
+  name: [{ required: true, message: '请输入供应商名称', trigger: 'blur' }],
+  supplier_type: [{ required: true, message: '请选择供应商类型', trigger: 'change' }],
+  supplier_level: [{ required: true, message: '请选择供应商等级', trigger: 'change' }],
+  industry: [{ required: true, message: '请选择所属行业', trigger: 'change' }],
+  contact: [{ required: true, message: '请输入联系人', trigger: 'blur' }],
+  phone: [{ required: true, message: '请输入联系电话', trigger: 'blur' }],
+}
+
+const supplierTypeOptions = ref<{label:string,value:string}[]>([])
+const supplierLevelOptions = ref<{label:string,value:string}[]>([])
+const industryOptions = ref<{label:string,value:string}[]>([])
+const supplierStatusOptions = ref<{label:string,value:string}[]>([])
+
+function mapDictItems(items: any[]) {
+  return (items || []).map(it => ({ label: it.dict_label, value: String(it.dict_value) }))
+}
+
+async function loadDictOptions() {
+  const [typeRes, levelRes, industryRes, statusRes] = await Promise.all([
+    request({ url: '/api/dict/items/code/supplier_type', method: 'get' }),
+    request({ url: '/api/dict/items/code/supplier_level', method: 'get' }),
+    request({ url: '/api/dict/items/code/industry', method: 'get' }),
+    request({ url: '/api/dict/items/code/supplier_status', method: 'get' }),
+  ])
+  const getData = (r:any) => (r && r.data && (r.data.data || r.data)) || []
+  supplierTypeOptions.value = mapDictItems(getData(typeRes))
+  supplierLevelOptions.value = mapDictItems(getData(levelRes))
+  industryOptions.value = mapDictItems(getData(industryRes))
+  supplierStatusOptions.value = mapDictItems(getData(statusRes))
+}
+
+watch(() => props.model, (m) => {
+  if (m) {
+    form.id = m.id ?? null
+    form.name = (m.supplier_name ?? m.name) ?? ''
+    form.supplier_type = m.supplier_type != null && m.supplier_type !== undefined ? String(m.supplier_type) : ''
+    form.supplier_level = m.supplier_level != null && m.supplier_level !== undefined ? String(m.supplier_level) : ''
+    form.industry = m.industry != null && m.industry !== undefined ? String(m.industry) : ''
+    form.contact = (m.contact_person ?? m.contact) ?? ''
+    form.phone = (m.contact_phone ?? m.phone) ?? ''
+    form.email = (m.contact_email ?? m.email) ?? ''
+    form.address = m.address ?? ''
+    form.status = m.status != null && m.status !== undefined ? String(m.status) : ''
+  } else {
+    resetForm()
+  }
+}, { immediate: true, deep: true })
+
+function resetForm() {
+  form.id = null
+  form.name = ''
+  form.supplier_type = ''
+  form.supplier_level = ''
+  form.industry = ''
+  form.contact = ''
+  form.phone = ''
+  form.email = ''
+  form.address = ''
+  form.status = ''
+  formRef.value?.clearValidate()
+}
+
+async function onSubmit() {
+  if (!formRef.value) return
+  await formRef.value.validate()
+  try {
+    submitting.value = true
+    const tenantId = (() => {
+      try {
+        const ui = localStorage.getItem('userInfo')
+        if (ui) {
+          const u = JSON.parse(ui)
+          const tid = u.tenant_id || u.tenantId || ''
+          return tid != null && tid !== undefined ? String(tid) : ''
+        }
+      } catch (e) {}
+      return ''
+    })()
+    const payload: any = {
+      supplier_name: form.name,
+      supplier_type: form.supplier_type,
+      supplier_level: form.supplier_level,
+      industry: form.industry,
+      contact_person: form.contact,
+      contact_phone: form.phone,
+      contact_email: form.email,
+      address: form.address,
+      status: String(form.status),
+      tenant_id: tenantId,
+    }
+    if (props.isEdit && form.id) {
+      await updateSupplier(form.id, payload)
+    } else {
+      await createSupplier(payload)
+    }
+    ElMessage.success(props.isEdit ? '修改成功' : '新增成功')
+    emit('saved')
+    visible.value = false
+  } finally {
+    submitting.value = false
+  }
+}
+
+function onCancel() {
+  visible.value = false
+}
+
+watch(() => visible.value, (v) => {
+  if (v) {
+    loadDictOptions()
+  }
+})
+
+onMounted(() => {
+  if (visible.value) {
+    loadDictOptions()
+  }
+})
+</script>
+
+<style scoped>
+</style>
diff --git a/pc/src/views/apps/crm/supplier/components/invoice.vue b/pc/src/views/apps/crm/supplier/components/invoice.vue
new file mode 100644
index 0000000..9d1f3fe
--- /dev/null
+++ b/pc/src/views/apps/crm/supplier/components/invoice.vue
@@ -0,0 +1,107 @@
+<template>
+  <el-drawer
+    v-model="visible"
+    title="开票信息"
+    size="600px"
+    :close-on-click-modal="false"
+  >
+    <el-form :model="form" :rules="rules" ref="formRef" label-width="120px">
+      <el-form-item label="发票抬头" prop="invoice_title">
+        <el-input v-model="form.invoice_title" placeholder="请输入发票抬头" />
+      </el-form-item>
+      <el-form-item label="纳税人识别号" prop="tax_number">
+        <el-input v-model="form.tax_number" placeholder="请输入纳税人识别号" />
+      </el-form-item>
+      <el-form-item label="开户银行" prop="bank_name">
+        <el-input v-model="form.bank_name" placeholder="请输入开户银行" />
+      </el-form-item>
+      <el-form-item label="银行账号" prop="bank_account">
+        <el-input v-model="form.bank_account" placeholder="请输入银行账号" />
+      </el-form-item>
+      <el-form-item label="注册地址" prop="registered_address">
+        <el-input v-model="form.registered_address" type="textarea" placeholder="请输入注册地址" />
+      </el-form-item>
+      <el-form-item label="注册电话" prop="registered_phone">
+        <el-input v-model="form.registered_phone" placeholder="请输入注册电话" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="onCancel">取消</el-button>
+      <el-button type="primary" @click="onSubmit" :loading="submitting">保存</el-button>
+    </template>
+  </el-drawer>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, computed, watch } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+
+const props = defineProps<{ modelValue: boolean, model?: any }>()
+const emit = defineEmits(['update:modelValue', 'saved'])
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v: boolean) => emit('update:modelValue', v)
+})
+
+const formRef = ref<FormInstance>()
+const submitting = ref(false)
+const form = reactive({
+  invoice_title: '',
+  tax_number: '',
+  bank_name: '',
+  bank_account: '',
+  registered_address: '',
+  registered_phone: ''
+})
+
+const rules: FormRules = {
+  invoice_title: [{ required: true, message: '请输入发票抬头', trigger: 'blur' }],
+  tax_number: [{ required: true, message: '请输入纳税人识别号', trigger: 'blur' }]
+}
+
+function resetForm() {
+  form.invoice_title = ''
+  form.tax_number = ''
+  form.bank_name = ''
+  form.bank_account = ''
+  form.registered_address = ''
+  form.registered_phone = ''
+  formRef.value?.clearValidate()
+}
+
+function onCancel() {
+  visible.value = false
+}
+
+async function onSubmit() {
+  if (!formRef.value) return
+  await formRef.value.validate()
+  try {
+    submitting.value = true
+    // TODO: 调用保存开票信息的API
+    ElMessage.success('保存成功')
+    emit('saved')
+    visible.value = false
+  } finally {
+    submitting.value = false
+  }
+}
+
+watch(() => props.model, (m) => {
+  if (m) {
+    form.invoice_title = m.invoice_title ?? ''
+    form.tax_number = m.tax_number ?? ''
+    form.bank_name = m.bank_name ?? ''
+    form.bank_account = m.bank_account ?? ''
+    form.registered_address = m.registered_address ?? ''
+    form.registered_phone = m.registered_phone ?? ''
+  } else {
+    resetForm()
+  }
+}, { immediate: true, deep: true })
+</script>
+
+<style scoped>
+</style>
diff --git a/pc/src/views/apps/crm/supplier/index.vue b/pc/src/views/apps/crm/supplier/index.vue
new file mode 100644
index 0000000..4c79b79
--- /dev/null
+++ b/pc/src/views/apps/crm/supplier/index.vue
@@ -0,0 +1,310 @@
+<template>
+  <div class="crm-customer">
+    <div class="customer-container">
+      <!-- 顶部操作栏 -->
+      <div class="toolbar">
+        <el-button type="primary" @click="handleAdd">新增供应商</el-button>
+        <el-button @click="handleRefresh">刷新</el-button>
+        <div class="search-bar">
+          <el-input
+            v-model="searchQuery"
+            placeholder="搜索供应商名称/联系人/电话"
+            clearable
+            @clear="handleSearch"
+          >
+            <template #append>
+              <el-button :icon="Search" @click="handleSearch" />
+            </template>
+          </el-input>
+        </div>
+      </div>
+
+      <!-- 供应商列表 -->
+      <el-table
+        :data="customerList"
+        v-loading="loading"
+        stripe
+        border
+        style="width: 100%"
+      >
+        <el-table-column prop="name" label="供应商名称" width="180" />
+        <el-table-column prop="contact" label="联系人" width="120" />
+        <el-table-column prop="phone" label="联系电话" width="150" />
+        <el-table-column prop="email" label="邮箱" width="200" />
+        <el-table-column prop="address" label="地址" show-overflow-tooltip />
+        <el-table-column prop="status" label="状态" width="100">
+          <template #default="{ row }">
+            <el-tag :type="row.status === 1 ? 'success' : 'info'">
+              {{ row.status === 1 ? '正常' : '停用' }}
+
+function handleContactView(row) {
+  currentRow.value = { ...row }
+  contactVisible.value = true
+  getSupplier(row.id).then((res) => {
+    const resp = (res && typeof res.code !== 'undefined') ? res : (res && res.data ? res.data : res)
+    if (resp && resp.code === 0 && resp.data) {
+      const m = resp.data
+      currentRow.value = {
+        id: m.id,
+        name: m.supplier_name || m.name || '',
+        contact: m.contact_person || m.contact || '',
+        phone: m.contact_phone || m.phone || '',
+        email: m.contact_email || m.email || '',
+        address: m.address || '',
+        status: typeof m.status === 'number' ? m.status : (m.status === '0' ? 0 : 1),
+        supplier_type: m.supplier_type,
+        supplier_level: m.supplier_level,
+        industry: m.industry,
+        _raw: m,
+      }
+    }
+  })
+}
+
+function handleInvoiceView(row) {
+  currentRow.value = { ...row }
+  invoiceVisible.value = true
+  getSupplier(row.id).then((res) => {
+    const resp = (res && typeof res.code !== 'undefined') ? res : (res && res.data ? res.data : res)
+    if (resp && resp.code === 0 && resp.data) {
+      const m = resp.data
+      currentRow.value = {
+        id: m.id,
+        name: m.supplier_name || m.name || '',
+        contact: m.contact_person || m.contact || '',
+        phone: m.contact_phone || m.phone || '',
+        email: m.contact_email || m.email || '',
+        address: m.address || '',
+        status: typeof m.status === 'number' ? m.status : (m.status === '0' ? 0 : 1),
+        supplier_type: m.supplier_type,
+        supplier_level: m.supplier_level,
+        industry: m.industry,
+        // 开票相关（如果后端返回则透传给抽屉）
+        invoice_title: m.invoice_title,
+        tax_number: m.tax_number,
+        bank_name: m.bank_name,
+        bank_account: m.bank_account,
+        registered_address: m.registered_address,
+        registered_phone: m.registered_phone,
+        _raw: m,
+      }
+    }
+  })
+}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="300" fixed="right">
+          <template #default="{ row }">
+            <el-button link type="info" @click="handleContactView(row)">联系人</el-button>
+            <el-button link type="info" @click="handleView(row)">详情</el-button>
+            <el-button link type="info" @click="handleInvoiceView(row)">开票信息</el-button>
+            <el-button link type="primary" @click="handleEdit(row)">编辑</el-button>
+            <el-button link type="danger" @click="handleDelete(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <div class="pagination">
+        <el-pagination
+          v-model:current-page="currentPage"
+          v-model:page-size="pageSize"
+          :total="total"
+          :page-sizes="[10, 20, 50, 100]"
+          layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </div>
+    </div>
+
+    <!-- 编辑弹窗 -->
+    <Edit
+      v-model="dialogVisible"
+      :is-edit="isEdit"
+      :model="currentRow"
+      @saved="onSaved"
+    />
+
+    <!-- 详情抽屉 -->
+    <Detail v-model="detailVisible" :model="currentRow" />
+
+    <!-- 联系人抽屉 -->
+    <Contact v-model="contactVisible" :model="currentRow" />
+
+    <!-- 开票信息抽屉 -->
+    <Invoice v-model="invoiceVisible" :model="currentRow" />
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { Search } from '@element-plus/icons-vue';
+import Edit from './components/edit.vue'
+import Detail from './components/detail.vue'
+import Contact from './components/contact.vue'
+import Invoice from './components/invoice.vue'
+import { listSuppliers, getSupplier, deleteSupplier } from '../../../../api/supplier.js'
+
+const loading = ref(false);
+const customerList = ref([]);
+const searchQuery = ref('');
+const currentPage = ref(1);
+const pageSize = ref(10);
+const total = ref(0);
+const dialogVisible = ref(false);
+const detailVisible = ref(false);
+const contactVisible = ref(false);
+const invoiceVisible = ref(false);
+const isEdit = ref(false);
+const currentRow = ref(null);
+
+function fetchCustomerList() {
+  loading.value = true;
+  const params = {
+    keyword: searchQuery.value,
+    page: currentPage.value,
+    pageSize: pageSize.value,
+  }
+  listSuppliers(params)
+    .then((res) => {
+      const resp = res && res.data ? res.data : res
+      if (resp && resp.code === 0 && resp.data) {
+        const rows = resp.data.list || []
+        total.value = resp.data.total || 0
+        customerList.value = rows.map((m) => ({
+          id: m.id,
+          name: m.supplier_name || m.name || '',
+          contact: m.contact_person || m.contact || '',
+          phone: m.contact_phone || m.phone || '',
+          email: m.contact_email || m.email || '',
+          address: m.address || '',
+          status: typeof m.status === 'number' ? m.status : (m.status === '0' ? 0 : 1),
+          _raw: m,
+        }))
+      } else {
+        customerList.value = []
+        total.value = 0
+        if (resp && resp.message) ElMessage.error(resp.message)
+      }
+    })
+    .finally(() => {
+      loading.value = false;
+    })
+}
+
+function handleAdd() {
+  isEdit.value = false;
+  currentRow.value = null;
+  dialogVisible.value = true;
+}
+
+function handleEdit(row) {
+  isEdit.value = true;
+  currentRow.value = { ...row };
+  dialogVisible.value = true;
+}
+
+function handleView(row) {
+  // 拉取最新详情再展示
+  getSupplier(row.id).then((res) => {
+    const resp = res && res.data ? res.data : res
+    if (resp && resp.code === 0 && resp.data) {
+      const m = resp.data
+      currentRow.value = {
+        id: m.id,
+        name: m.supplier_name || m.name || '',
+        contact: m.contact_person || m.contact || '',
+        phone: m.contact_phone || m.phone || '',
+        email: m.contact_email || m.email || '',
+        address: m.address || '',
+        status: typeof m.status === 'number' ? m.status : (m.status === '0' ? 0 : 1),
+        _raw: m,
+      }
+      detailVisible.value = true
+    }
+  })
+}
+
+function handleDelete(row) {
+  ElMessageBox.confirm('确定要删除该供应商吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    deleteSupplier(row.id)
+      .then((res) => {
+        const resp = res && res.data ? res.data : res
+        if (resp && resp.code === 0) {
+          ElMessage.success('删除成功');
+          fetchCustomerList();
+        } else {
+          ElMessage.error((resp && resp.message) || '删除失败')
+        }
+      })
+  });
+}
+
+function onSaved() {
+  fetchCustomerList();
+}
+
+function handleSearch() {
+  currentPage.value = 1;
+  fetchCustomerList();
+}
+
+function handleRefresh() {
+  searchQuery.value = '';
+  currentPage.value = 1;
+  fetchCustomerList();
+}
+
+function handleSizeChange() {
+  fetchCustomerList();
+}
+
+function handleCurrentChange() {
+  fetchCustomerList();
+}
+
+onMounted(() => {
+  fetchCustomerList();
+});
+</script>
+
+<style lang="scss" scoped>
+.crm-customer {
+  padding: 20px;
+  height: 100%;
+  background: #f5f7fa;
+
+  .customer-container {
+    background: #fff;
+    border-radius: 8px;
+    padding: 20px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
+    .toolbar {
+      display: flex;
+      gap: 10px;
+      margin-bottom: 20px;
+
+      .search-bar {
+        margin-left: auto;
+        width: 300px;
+      }
+    }
+
+    .pagination {
+      margin-top: 20px;
+      display: flex;
+      justify-content: flex-end;
+    }
+  }
+}
+</style>
diff --git a/pc/src/views/apps/crm/workbench/index.vue b/pc/src/views/apps/crm/workbench/index.vue
new file mode 100644
index 0000000..7a8dc80
--- /dev/null
+++ b/pc/src/views/apps/crm/workbench/index.vue
@@ -0,0 +1,2460 @@
+<template>
+  <div class="oa-workbench">
+    <div class="workbench-container">
+      <!-- 左侧主要内容区 -->
+      <div class="main-content">
+        <!-- 审批 -->
+        <div class="double-card">
+          <div style="display: flex; gap: 20px; flex-direction: column">
+            <!-- 审批 -->
+            <section class="section-card">
+              <div class="section-header">
+                <div class="section-title">
+                  <el-icon class="section-icon"><Operation /></el-icon>
+                  <span>审批</span>
+                </div>
+                <el-tabs v-model="approvalTab" class="approval-tabs">
+                  <el-tab-pane label="待审批" name="todo"></el-tab-pane>
+                  <el-tab-pane label="抄送我" name="cc"></el-tab-pane>
+                  <el-tab-pane label="已发起" name="initiated"></el-tab-pane>
+                  <el-tab-pane label="发起申请" name="apply"></el-tab-pane>
+                </el-tabs>
+                <!-- <el-icon class="section-arrow" style="cursor: pointer">
+                  <ArrowRight />
+                </el-icon> -->
+              </div>
+              <el-divider style="position: relative; top: -10px;" />
+              <div class="approval-list-container">
+                <div
+                  v-for="(app, index) in currentApprovalApps"
+                  :key="app.name"
+                  class="approval-list-item"
+                  @click="handleAppClick(app)"
+                >
+                  <div class="approval-icon-wrapper">
+                    <el-icon
+                      class="approval-icon"
+                      :style="{ color: app.color }"
+                    >
+                      <component :is="app.icon" />
+                    </el-icon>
+                  </div>
+                  <div class="approval-name">{{ app.name }}</div>
+                  <div v-if="app.count && app.count > 0" class="approval-badge">
+                    {{ app.count > 99 ? "99+" : app.count }}
+                  </div>
+                </div>
+              </div>
+            </section>
+
+            <!-- 知识库 -->
+            <section class="section-card">
+              <div class="section-header">
+                <div class="section-title">
+                  <el-icon class="section-icon"><Notebook /></el-icon>
+                  <span>知识库</span>
+                </div>
+                <el-tabs
+                  v-model="knowledgeTab"
+                  class="approval-tabs"
+                  @tab-change="handleKnowledgeTabChange"
+                >
+                  <el-tab-pane label="个人知识库" name="personal"></el-tab-pane>
+                  <el-tab-pane label="公共知识库" name="public"></el-tab-pane>
+                </el-tabs>
+              </div>
+              <el-divider style="position: relative; top: -10px;" />
+              <div class="knowledge-list" v-loading="knowledgeLoading">
+                <div
+                  v-if="knowledgeList.length === 0 && !knowledgeLoading"
+                  class="knowledge-empty"
+                >
+                  <el-empty description="暂无知识库内容" :image-size="80" />
+                </div>
+                <div
+                  v-for="(knowledge, index) in knowledgeList"
+                  :key="knowledge.id || index"
+                  class="knowledge-item"
+                  @click="handleKnowledgeClick(knowledge)"
+                >
+                  <div class="knowledge-icon-wrapper">
+                    <el-icon class="knowledge-icon">
+                      <component :is="knowledge.icon" />
+                    </el-icon>
+                  </div>
+                  <div class="knowledge-content">
+                    <div class="knowledge-title">{{ knowledge.title }}</div>
+                    <div class="knowledge-meta">
+                      <span class="knowledge-category">{{
+                        knowledge.category
+                      }}</span>
+                      <span class="knowledge-date">{{ knowledge.date }}</span>
+                    </div>
+                  </div>
+                  <el-icon class="knowledge-arrow"><ArrowRight /></el-icon>
+                </div>
+              </div>
+            </section>
+          </div>
+
+          <div style="display: flex; gap: 20px; flex-direction: column">
+            <!-- 我的待办 -->
+            <section class="section-card">
+              <div class="section-header">
+                <div class="section-title">
+                  <el-icon class="section-icon"><Operation /></el-icon>
+                  <span>我的待办</span>
+                </div>
+              </div>
+              <el-divider />
+              <div class="todo-list">
+                <div
+                  v-for="task in filteredTasks"
+                  :key="task.id"
+                  class="todo-item"
+                  @click="handleTaskAction(task)"
+                >
+                  <el-tag type="warning" size="small">待审批</el-tag>
+                  <div class="todo-content">
+                    <div class="todo-title">{{ task.title }}</div>
+                    <div class="todo-info">
+                      <span>处理节点: {{ task.node }}</span>
+                      <span>申请时间: {{ task.applyTime }}</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </section>
+
+            <!-- 常用功能 -->
+            <section class="section-card">
+              <div class="section-header">
+                <div class="section-title">
+                  <el-icon class="section-icon"><Document /></el-icon>
+                  <span>常用功能</span>
+                </div>
+              </div>
+              <el-divider />
+              <div class="common-functions-container">
+                <div
+                  v-for="(func, index) in commonFunctions"
+                  :key="index"
+                  class="common-function-item"
+                  @click="handleFunctionClick(func)"
+                  :style="{ '--index': index }"
+                >
+                  <div class="function-icon-wrapper">
+                    <el-icon class="function-icon" :style="{ color: func.color }">
+                      <component :is="func.icon" />
+                    </el-icon>
+                  </div>
+                  <div class="function-name">{{ func.name }}</div>
+                </div>
+              </div>
+            </section>
+          </div>
+        </div>
+
+        <!-- 行业资讯 -->
+        <section class="section-card">
+          <div class="section-header">
+            <div class="section-title">
+              <el-icon class="section-icon"><Notebook /></el-icon>
+              <span>行业资讯</span>
+            </div>
+            <el-button type="primary" text size="small">查看更多</el-button>
+          </div>
+          <el-divider />
+          <div class="news-list">
+            <div
+              v-for="(news, index) in industryNews"
+              :key="index"
+              class="news-item"
+              @click="handleNewsClick(news)"
+            >
+              <div class="news-content">
+                <div class="news-title">{{ news.title }}</div>
+                <div class="news-meta">
+                  <span class="news-source">{{ news.source }}</span>
+                  <span class="news-date">{{ news.date }}</span>
+                </div>
+              </div>
+              <el-icon class="news-arrow"><ArrowRight /></el-icon>
+            </div>
+          </div>
+        </section>
+      </div>
+
+      <!-- 右侧边栏 -->
+      <div class="sidebar">
+        <!-- 我的日程 -->
+        <section class="section-card1">
+          <div class="section-header">
+            <div class="section-title">
+              <el-icon class="section-icon"><Calendar /></el-icon>
+              <span>我的日程</span>
+            </div>
+            <div class="header-actions">
+              <el-button size="small" type="primary" @click="addSchedule"
+                >新增</el-button
+              >
+              <el-button size="small" @click="viewSchedule">查看</el-button>
+            </div>
+          </div>
+          <el-divider />
+          <div class="calendar-wrapper" ref="calendarWrapperRef">
+            <div class="calendar-header">
+              <el-button-group>
+                <el-button size="small" @click="prevMonth">
+                  <el-icon><ArrowLeft /></el-icon>
+                </el-button>
+                <el-button size="small" @click="today">
+                  {{ currentMonth }}
+                </el-button>
+                <el-button size="small" @click="nextMonth">
+                  <el-icon><ArrowRight /></el-icon>
+                </el-button>
+              </el-button-group>
+            </div>
+            <div class="calendar-body">
+              <div class="calendar-weekdays">
+                <div class="weekday" v-for="day in weekdays" :key="day">
+                  {{ day }}
+                </div>
+              </div>
+              <div class="calendar-days">
+                <el-popover
+                  v-for="(date, index) in calendarDates"
+                  :key="index"
+                  :visible="selectedDateIndex === index && showDatePopover"
+                  placement="top"
+                  :width="320"
+                  trigger="manual"
+                  popper-class="calendar-date-popover"
+                  :offset="10"
+                  @hide="handlePopoverHide(index)"
+                >
+                  <template #reference>
+                    <div
+                      :class="[
+                        'calendar-day',
+                        {
+                          'is-today': isToday(date),
+                          'is-other-month': !isCurrentMonth(date),
+                          'has-event': hasEvent(date),
+                        },
+                      ]"
+                      @click.stop="handleDateClick(date, index, $event)"
+                    >
+                      <span class="day-number">{{ getDayNumber(date) }}</span>
+                      <span v-if="hasEvent(date)" class="event-dot"></span>
+                    </div>
+                  </template>
+                  <div class="date-popover-content">
+                    <div class="popover-header">
+                      <div class="popover-date">
+                        <el-icon><Calendar /></el-icon>
+                        <span>{{ formatDate(date) }}</span>
+                      </div>
+                      <el-button
+                        type="primary"
+                        text
+                        size="small"
+                        @click="handleAddSchedule(date)"
+                      >
+                        <el-icon><Plus /></el-icon>
+                        添加日程
+                      </el-button>
+                    </div>
+                    <div class="popover-body">
+                      <div
+                        v-if="getDateSchedules(date).length === 0"
+                        class="no-schedule"
+                      >
+                        <el-empty description="暂无日程安排" :image-size="80" />
+                      </div>
+                      <div v-else class="schedule-list">
+                        <div
+                          v-for="(schedule, idx) in getDateSchedules(date)"
+                          :key="idx"
+                          class="schedule-item"
+                          @click="handleScheduleClick(schedule)"
+                        >
+                          <div class="schedule-time">
+                            <el-icon><Clock /></el-icon>
+                            <span>{{ schedule.time }}</span>
+                          </div>
+                          <div class="schedule-content">
+                            <div class="schedule-title">
+                              {{ schedule.title }}
+                            </div>
+                            <div
+                              v-if="schedule.description"
+                              class="schedule-desc"
+                            >
+                              {{ schedule.description }}
+                            </div>
+                          </div>
+                          <el-tag
+                            :type="
+                              schedule.type === 'important'
+                                ? 'danger'
+                                : schedule.type === 'work'
+                                ? 'warning'
+                                : 'info'
+                            "
+                            size="small"
+                            class="schedule-tag"
+                          >
+                            {{ schedule.typeLabel }}
+                          </el-tag>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </el-popover>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <!-- 帮助与服务 -->
+        <section class="section-card">
+          <div class="section-header">
+            <div class="section-title">
+              <el-icon class="section-icon"><QuestionFilled /></el-icon>
+              <span>帮助与服务</span>
+            </div>
+            <el-button type="primary" text size="small">查看更多</el-button>
+          </div>
+          <el-divider />
+          <div class="help-list">
+            <div
+              v-for="help in helpList"
+              :key="help.id"
+              class="help-item"
+              @click="handleHelpClick(help)"
+            >
+              <el-tag
+                :type="help.type === 'faq' ? 'warning' : 'info'"
+                size="small"
+              >
+                {{ help.tag }}
+              </el-tag>
+              <span class="help-title">{{ help.title }}</span>
+            </div>
+          </div>
+        </section>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, nextTick, onMounted, onUnmounted } from "vue";
+import { useRouter } from "vue-router";
+import { useAuthStore } from "@/stores/auth";
+import { ElMessage } from "element-plus";
+import { getKnowledgeList } from "@/api/knowledge";
+import { getTodoTasks } from "@/api/tasks";
+import {
+  FolderOpened,
+  StarFilled,
+  Document,
+  Operation,
+  Calendar,
+  QuestionFilled,
+  Refresh,
+  Finished,
+  Location,
+  Folder,
+  Setting,
+  Message,
+  Notebook,
+  Goods,
+  DataAnalysis,
+  ChatLineRound,
+  Collection,
+  Files,
+  ArrowLeft,
+  ArrowRight,
+  Plus,
+  Clock,
+  ShoppingCart,
+} from "@element-plus/icons-vue";
+
+const authStore = useAuthStore();
+const router = useRouter();
+
+// 通用应用
+const generalApps = ref([
+  { name: "OA系统", icon: DataAnalysis, path: "/apps/oa" },
+  { name: "企业邮箱", icon: Message, path: "/apps/email" },
+  { name: "财务共享", icon: Goods, path: "/apps/finance" },
+  { name: "SunChat", icon: ChatLineRound, path: "/apps/chat" },
+  { name: "知识管理", icon: Notebook, path: "/apps/knowledge" },
+  { name: "云盘", icon: Collection, path: "/apps/cloud" },
+  { name: "流程引擎", icon: Setting, path: "/apps/workflow" },
+]);
+
+// 审批应用
+const approvalTab = ref("todo");
+
+// 不同Tab的数据
+const approvalAppsData = {
+  todo: [
+    {
+      name: "待审批项目",
+      icon: StarFilled,
+      description: "待审批的项目",
+      path: "/approval/todo/project",
+      color: "#2196F3",
+      count: 5,
+    },
+    {
+      name: "待审批投资",
+      icon: Finished,
+      description: "待审批的投资",
+      path: "/approval/todo/investment",
+      color: "#1976D2",
+      count: 3,
+    },
+    {
+      name: "待审批协议",
+      icon: Document,
+      description: "待审批的协议",
+      path: "/approval/todo/agreement",
+      color: "#009688",
+      count: 0,
+    },
+    {
+      name: "待审批权限",
+      icon: Setting,
+      description: "待审批的权限",
+      path: "/approval/todo/permission",
+      color: "#9C27B0",
+      count: 12,
+    },
+  ],
+  cc: [
+    {
+      name: "抄送项目",
+      icon: StarFilled,
+      description: "抄送我的项目",
+      path: "/approval/cc/project",
+      color: "#2196F3",
+    },
+    {
+      name: "抄送投资",
+      icon: Finished,
+      description: "抄送我的投资",
+      path: "/approval/cc/investment",
+      color: "#1976D2",
+    },
+    {
+      name: "抄送协议",
+      icon: Document,
+      description: "抄送我的协议",
+      path: "/approval/cc/agreement",
+      color: "#009688",
+    },
+    {
+      name: "抄送权限",
+      icon: Setting,
+      description: "抄送我的权限",
+      path: "/approval/cc/permission",
+      color: "#9C27B0",
+    },
+  ],
+  initiated: [
+    {
+      name: "已发起项目",
+      icon: StarFilled,
+      description: "我已发起的项目",
+      path: "/approval/initiated/project",
+      color: "#2196F3",
+    },
+    {
+      name: "已发起投资",
+      icon: Finished,
+      description: "我已发起的投资",
+      path: "/approval/initiated/investment",
+      color: "#1976D2",
+    },
+    {
+      name: "已发起协议",
+      icon: Document,
+      description: "我已发起的协议",
+      path: "/approval/initiated/agreement",
+      color: "#009688",
+    },
+    {
+      name: "已发起权限",
+      icon: Setting,
+      description: "我已发起的权限",
+      path: "/approval/initiated/permission",
+      color: "#9C27B0",
+    },
+  ],
+  apply: [
+    {
+      name: "立项审批",
+      icon: StarFilled,
+      description: "项目立项审批",
+      path: "/approval/project",
+      color: "#2196F3",
+    },
+    {
+      name: "投决审批",
+      icon: Finished,
+      description: "投资决策审批",
+      path: "/approval/investment",
+      color: "#1976D2",
+    },
+    {
+      name: "投资协议审批",
+      icon: Document,
+      description: "投资协议审批",
+      path: "/approval/agreement",
+      color: "#009688",
+    },
+    {
+      name: "数据权限申请",
+      icon: Setting,
+      description: "数据权限申请",
+      path: "/approval/permission",
+      color: "#9C27B0",
+    },
+    {
+      name: "出差申请",
+      icon: Location,
+      description: "出差申请",
+      path: "/approval/travel",
+      color: "#2196F3",
+    },
+  ],
+};
+
+// 根据当前Tab返回对应的应用列表
+const currentApprovalApps = computed(() => {
+  return approvalAppsData[approvalTab.value] || approvalAppsData.apply;
+});
+
+// 常用功能
+const commonFunctions = ref([
+  {
+    name: "请假申请",
+    icon: Clock,
+    color: "#409EFF",
+    path: "/approval/leave",
+  },
+  {
+    name: "加班申请",
+    icon: Plus,
+    color: "#67C23A",
+    path: "/approval/overtime",
+  },
+  {
+    name: "报销申请",
+    icon: Goods,
+    color: "#E6A23C",
+    path: "/approval/expense",
+  },
+  {
+    name: "出差申请",
+    icon: Location,
+    color: "#F56C6C",
+    path: "/approval/travel",
+  },
+  {
+    name: "用印申请",
+    icon: Document,
+    color: "#909399",
+    path: "/approval/seal",
+  },
+  {
+    name: "采购申请",
+    icon: ShoppingCart,
+    color: "#409EFF",
+    path: "/approval/purchase",
+  },
+]);
+
+// 行业资讯
+const industryNews = ref([
+  {
+    title: "2024年企业管理数字化转型趋势分析",
+    source: "企业管理周刊",
+    date: "2024-01-15",
+    url: "/news/1",
+  },
+  {
+    title: "智能办公系统助力企业效率提升",
+    source: "科技日报",
+    date: "2024-01-14",
+    url: "/news/2",
+  },
+  {
+    title: "云端协作工具成为企业标配",
+    source: "互联网观察",
+    date: "2024-01-13",
+    url: "/news/3",
+  },
+]);
+
+// 排序类型
+const sortType = ref("time");
+
+// 待办事项
+const tasks = ref([]);
+
+async function fetchTodoTasks() {
+  try {
+    const tenantId = authStore?.user?.tenant_id || 0;
+    const res = await getTodoTasks({ tenantId, limit: 10 });
+    const list = res?.data?.list || res?.data || [];
+    tasks.value = list.map((item) => ({
+      id: item.id,
+      title: item.task_name || item.title || "",
+      node: item.node || item.task_status || "",
+      applyTime: item.apply_time || item.created_time || item.createdAt || "",
+      system: item.system || "oa",
+    }));
+  } catch (e) {
+    console.error("获取待办任务失败", e);
+  }
+}
+
+const filteredTasks = computed(() => {
+  return tasks.value;
+});
+
+// 日历
+const calendarDate = ref(new Date());
+const currentDate = ref(new Date());
+const selectedDateIndex = ref(-1);
+const showDatePopover = ref(false);
+const calendarWrapperRef = ref(null);
+
+const weekdays = ["日", "一", "二", "三", "四", "五", "六"];
+
+// 日程数据（示例数据，实际应用中应该从API获取）
+const schedules = ref([
+  {
+    id: 1,
+    date: new Date(2024, new Date().getMonth(), 7),
+    time: "09:00",
+    title: "部门会议",
+    description: "讨论本月工作安排和项目进度",
+    type: "work",
+    typeLabel: "工作",
+  },
+  {
+    id: 2,
+    date: new Date(2024, new Date().getMonth(), 7),
+    time: "14:30",
+    title: "客户拜访",
+    description: "与重要客户进行业务洽谈",
+    type: "important",
+    typeLabel: "重要",
+  },
+  {
+    id: 3,
+    date: new Date(2024, new Date().getMonth(), 15),
+    time: "10:00",
+    title: "项目评审",
+    description: "评审新项目的可行性报告",
+    type: "work",
+    typeLabel: "工作",
+  },
+  {
+    id: 4,
+    date: new Date(2024, new Date().getMonth(), 20),
+    time: "16:00",
+    title: "团队建设活动",
+    description: "组织团队户外拓展活动",
+    type: "personal",
+    typeLabel: "个人",
+  },
+]);
+
+const currentMonth = computed(() => {
+  const year = currentDate.value.getFullYear();
+  const month = currentDate.value.getMonth() + 1;
+  return `${year}年${month}月`;
+});
+
+const calendarDates = computed(() => {
+  const year = currentDate.value.getFullYear();
+  const month = currentDate.value.getMonth();
+  const firstDay = new Date(year, month, 1);
+  const lastDay = new Date(year, month + 1, 0);
+  const firstDayWeek = firstDay.getDay();
+  const daysInMonth = lastDay.getDate();
+
+  const dates = [];
+
+  // 上个月的日期
+  const prevMonth = new Date(year, month - 1, 0);
+  const prevMonthDays = prevMonth.getDate();
+  for (let i = firstDayWeek - 1; i >= 0; i--) {
+    dates.push(new Date(year, month - 1, prevMonthDays - i));
+  }
+
+  // 当前月的日期
+  for (let i = 1; i <= daysInMonth; i++) {
+    dates.push(new Date(year, month, i));
+  }
+
+  // 下个月的日期（补齐到6行）
+  const remainingDays = 42 - dates.length;
+  for (let i = 1; i <= remainingDays; i++) {
+    dates.push(new Date(year, month + 1, i));
+  }
+
+  return dates;
+});
+
+// 有事件的日期（根据日程数据动态计算）
+const eventDates = computed(() => {
+  return schedules.value.map((schedule) => schedule.date);
+});
+
+function isCurrentMonth(date) {
+  return (
+    date.getMonth() === currentDate.value.getMonth() &&
+    date.getFullYear() === currentDate.value.getFullYear()
+  );
+}
+
+function hasEvent(date) {
+  return eventDates.value.some((eventDate) => {
+    if (!eventDate) return false;
+    return (
+      eventDate.getDate() === date.getDate() &&
+      eventDate.getMonth() === date.getMonth() &&
+      eventDate.getFullYear() === date.getFullYear()
+    );
+  });
+}
+
+function getDayNumber(date) {
+  return date.getDate();
+}
+
+function handleDateClick(date, index, event) {
+  // 阻止事件冒泡，避免触发点击外部关闭逻辑
+  if (event) {
+    event.stopPropagation();
+  }
+
+  calendarDate.value = date;
+  // 如果点击的是同一个日期，则切换显示状态
+  if (selectedDateIndex.value === index && showDatePopover.value) {
+    showDatePopover.value = false;
+    selectedDateIndex.value = -1;
+  } else {
+    // 先关闭之前的浮动框
+    if (showDatePopover.value) {
+      showDatePopover.value = false;
+    }
+    // 使用 nextTick 确保 DOM 更新后再显示新的浮动框
+    nextTick(() => {
+      selectedDateIndex.value = index;
+      showDatePopover.value = true;
+    });
+  }
+}
+
+function formatDate(date) {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const weekdays = ["日", "一", "二", "三", "四", "五", "六"];
+  const weekday = weekdays[date.getDay()];
+  return `${year}年${month}月${day}日 星期${weekday}`;
+}
+
+function getDateSchedules(date) {
+  return schedules.value.filter((schedule) => {
+    return (
+      schedule.date.getDate() === date.getDate() &&
+      schedule.date.getMonth() === date.getMonth() &&
+      schedule.date.getFullYear() === date.getFullYear()
+    );
+  });
+}
+
+function handleAddSchedule(date) {
+  showDatePopover.value = false;
+  ElMessage.info(`添加 ${formatDate(date)} 的日程`);
+  // 这里可以打开添加日程的对话框
+}
+
+function handleScheduleClick(schedule) {
+  ElMessage.info(`查看日程: ${schedule.title}`);
+  // 这里可以打开日程详情或编辑对话框
+}
+
+function handlePopoverHide(index) {
+  if (selectedDateIndex.value === index) {
+    showDatePopover.value = false;
+  }
+}
+
+// 点击空白处关闭弹出框
+function handleClickOutside(event) {
+  if (!showDatePopover.value) return;
+
+  // 检查点击的目标是否在弹出框内或日历日期单元格上
+  const target = event.target;
+  const popover = document.querySelector(".calendar-date-popover");
+
+  // 检查是否点击在弹出框内
+  const isClickInPopover = popover && popover.contains(target);
+  // 检查是否点击在日历日期单元格上（需要排除，因为日期单元格有自己的点击处理）
+  const isClickOnCalendarDay = target.closest(".calendar-day");
+
+  // 如果点击在弹出框内，不关闭
+  if (isClickInPopover) return;
+
+  // 如果点击在日历日期单元格上，不关闭（因为handleDateClick已经处理，并且使用了stopPropagation）
+  if (isClickOnCalendarDay) return;
+
+  // 点击在弹出框和日期单元格外的任何地方（包括日历的其他部分、空白处等），关闭弹出框
+  showDatePopover.value = false;
+  selectedDateIndex.value = -1;
+}
+
+// 生命周期钩子
+onMounted(() => {
+  // 使用冒泡阶段监听，在日期点击事件处理后再检查
+  document.addEventListener("click", handleClickOutside);
+  // 加载知识库数据
+  fetchKnowledgeList();
+  // 加载我的待办
+  fetchTodoTasks();
+});
+
+onUnmounted(() => {
+  document.removeEventListener("click", handleClickOutside);
+});
+
+function prevMonth() {
+  const newDate = new Date(currentDate.value);
+  newDate.setMonth(newDate.getMonth() - 1);
+  currentDate.value = newDate;
+  // 切换月份时关闭浮动框
+  showDatePopover.value = false;
+  selectedDateIndex.value = -1;
+}
+
+function nextMonth() {
+  const newDate = new Date(currentDate.value);
+  newDate.setMonth(newDate.getMonth() + 1);
+  currentDate.value = newDate;
+  // 切换月份时关闭浮动框
+  showDatePopover.value = false;
+  selectedDateIndex.value = -1;
+}
+
+function today() {
+  currentDate.value = new Date();
+  calendarDate.value = new Date();
+  // 切换月份时关闭浮动框
+  showDatePopover.value = false;
+  selectedDateIndex.value = -1;
+}
+
+// 知识库Tab
+const knowledgeTab = ref("personal");
+
+// 知识库列表
+const knowledgeList = ref([]);
+const knowledgeLoading = ref(false);
+
+// 图标映射
+const knowledgeIconMap = {
+  document: Document,
+  file: Files,
+  message: Message,
+  goods: Goods,
+  notebook: Notebook,
+  folder: Folder,
+  default: Document,
+};
+
+// 获取知识库列表
+async function fetchKnowledgeList() {
+  try {
+    knowledgeLoading.value = true;
+    // 根据tab设置share参数：0=个人知识库，1=公共知识库
+    const share = knowledgeTab.value === "personal" ? 0 : 1;
+    const res = await getKnowledgeList({
+      page: 1,
+      pageSize: 4, // 只显示4条
+      orderBy: "create_time",
+      order: "desc",
+      share: share, // 通过share字段筛选：0=个人，1=公共
+    });
+
+    if (res && res.data) {
+      // 处理接口返回的数据
+      knowledgeList.value = (res.data.list || res.data || []).map((item) => {
+        // 根据接口返回的数据结构进行映射
+        return {
+          id: item.id,
+          title: item.title || item.name || "",
+          category:
+            item.categoryName ||
+            item.category_name ||
+            item.category ||
+            "未分类",
+          date: item.updateTime
+            ? new Date(item.updateTime).toISOString().split("T")[0]
+            : item.update_time
+            ? new Date(item.update_time).toISOString().split("T")[0]
+            : item.create_time
+            ? new Date(item.create_time).toISOString().split("T")[0]
+            : item.date || new Date().toISOString().split("T")[0],
+          icon:
+            knowledgeIconMap[item.icon_type] ||
+            knowledgeIconMap[item.icon] ||
+            knowledgeIconMap.default,
+          url: item.url || `/knowledge/${item.id}`,
+        };
+      });
+    }
+  } catch (error) {
+    console.error("获取知识库列表失败:", error);
+    ElMessage.error("获取知识库列表失败，请稍后重试");
+    // 如果接口失败，使用默认数据
+    knowledgeList.value = [
+      {
+        title: "OA系统使用手册",
+        category: "系统文档",
+        date: "2024-01-15",
+        icon: Document,
+        url: "/knowledge/oa-manual",
+      },
+      {
+        title: "审批流程操作指南",
+        category: "操作指南",
+        date: "2024-01-14",
+        icon: Files,
+        url: "/knowledge/approval-guide",
+      },
+      {
+        title: "企业邮箱配置说明",
+        category: "系统配置",
+        date: "2024-01-13",
+        icon: Message,
+        url: "/knowledge/email-config",
+      },
+      {
+        title: "财务系统使用规范",
+        category: "规章制度",
+        date: "2024-01-12",
+        icon: Goods,
+        url: "/knowledge/finance-rules",
+      },
+    ];
+  } finally {
+    knowledgeLoading.value = false;
+  }
+}
+
+// 知识库Tab切换
+function handleKnowledgeTabChange(tabName) {
+  knowledgeTab.value = tabName;
+  fetchKnowledgeList();
+}
+
+// 帮助列表
+const helpList = ref([
+  { id: 1, tag: "【常见问题】", title: "如何提交审批流程？", type: "faq" },
+  { id: 2, tag: "【操作指南】", title: "如何使用企业邮箱？", type: "guide" },
+  { id: 3, tag: "【常见问题】", title: "忘记密码怎么办？", type: "faq" },
+  { id: 4, tag: "【操作指南】", title: "如何查看我的待办？", type: "guide" },
+]);
+
+function handleAppClick(app) {
+  if (app.path) {
+    router.push(app.path).catch(() => {
+      ElMessage.info(`${app.name}功能开发中...`);
+    });
+  }
+}
+
+function handleFunctionClick(func) {
+  if (func.path) {
+    router.push(func.path).catch(() => {
+      ElMessage.info(`${func.name}功能开发中...`);
+    });
+  } else {
+    ElMessage.info(`打开${func.name}`);
+  }
+}
+
+function handleNewsClick(news) {
+  ElMessage.info(`查看资讯: ${news.title}`);
+  // 这里可以跳转到资讯详情页
+  // router.push(news.url);
+}
+
+function handleKnowledgeClick(knowledge) {
+  if (knowledge.id) {
+    // 跳转到知识详情页，使用路径参数
+    router.push(`/apps/knowledge/detail/${knowledge.id}`).catch((err) => {
+      console.error("路由跳转失败:", err);
+      // 如果路径参数方式失败，尝试使用query参数
+      router.push({
+        path: "/apps/knowledge/detail",
+        query: { id: knowledge.id },
+      }).catch((err2) => {
+        console.error("query参数跳转也失败:", err2);
+        ElMessage.error("跳转失败，请检查路由配置");
+      });
+    });
+  } else if (knowledge.url) {
+    // 如果没有id，尝试使用url
+    router.push(knowledge.url).catch(() => {
+      ElMessage.warning("无法跳转，URL无效");
+    });
+  } else {
+    ElMessage.warning("无法跳转，缺少知识ID");
+  }
+}
+
+function handleTaskAction(task) {
+  ElMessage.info(`处理待办: ${task.title}`);
+}
+
+function refreshTasks() {
+  ElMessage.success("刷新成功");
+}
+
+function addSchedule() {
+  ElMessage.info("新增日程");
+}
+
+function viewSchedule() {
+  ElMessage.info("查看日程");
+}
+
+function handleHelpClick(help) {
+  ElMessage.info(`查看: ${help.title}`);
+}
+
+function isToday(dateStrOrDate) {
+  const today = new Date();
+  const date =
+    dateStrOrDate instanceof Date ? dateStrOrDate : new Date(dateStrOrDate);
+  return today.toDateString() === date.toDateString();
+}
+</script>
+
+<style scoped>
+.oa-workbench {
+  padding: 20px;
+  background-color: var(--el-bg-color-page);
+  min-height: calc(100vh - 60px);
+  transition: background-color 0.3s ease;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.workbench-container {
+  display: flex;
+  gap: 20px;
+  margin: 0 auto;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+}
+
+.main-content {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  box-sizing: border-box;
+}
+
+.double-card {
+  display: flex;
+  gap: 20px;
+  flex: 1;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.double-card > div {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  box-sizing: border-box;
+}
+
+.double-card > section {
+  flex: 1;
+  min-width: 0;
+}
+
+.sidebar {
+  flex: 0 0 320px;
+  max-width: 320px;
+  min-width: 280px;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  box-sizing: border-box;
+}
+
+.section-card1 {
+  height: auto !important;
+}
+
+.section-card,
+.section-card1 {
+  width: 100%;
+  height: 310px;
+  background: var(--el-bg-color);
+  border-radius: 8px;
+  padding: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  transition: box-shadow 0.3s ease, background-color 0.3s ease;
+  display: flex;
+  flex-direction: column;
+}
+
+.section-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 20px;
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+}
+
+.section-icon {
+  color: var(--el-color-primary);
+  font-size: 18px;
+}
+
+.header-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+/* 通用应用 */
+.app-scroll-container {
+  overflow-x: auto;
+  overflow-y: hidden;
+  padding-bottom: 10px;
+}
+
+.app-scroll-container::-webkit-scrollbar {
+  height: 6px;
+}
+
+.app-scroll-container::-webkit-scrollbar-thumb {
+  background: var(--el-border-color);
+  border-radius: 3px;
+}
+
+.app-scroll-wrapper {
+  display: flex;
+  gap: 16px;
+  min-width: max-content;
+}
+
+.general-app-card {
+  flex-shrink: 0;
+  width: 140px;
+  padding: 20px;
+  background: var(--el-bg-color-page);
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 8px;
+  text-align: center;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.general-app-card:hover {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
+  transform: translateY(-2px);
+  border-color: var(--el-color-primary-light-7);
+}
+
+.app-icon-wrapper {
+  margin-bottom: 12px;
+  display: flex;
+  justify-content: center;
+}
+
+.app-icon {
+  color: var(--el-color-primary);
+}
+
+.app-name {
+  font-size: 14px;
+  color: var(--el-text-color-primary);
+  margin-bottom: 12px;
+  font-weight: 500;
+}
+
+/* 审批 */
+.section-arrow {
+  color: var(--el-text-color-placeholder);
+  font-size: 14px;
+  transition: all 0.3s ease;
+}
+
+.section-header:hover .section-arrow {
+  color: var(--el-color-primary);
+  transform: translateX(2px);
+}
+
+.approval-tabs :deep(.el-tabs__header) {
+  margin: 0;
+}
+
+.approval-tabs :deep(.el-tabs__nav-wrap::after) {
+  display: none;
+}
+
+.approval-tabs :deep(.el-tabs__item) {
+  padding: 0 16px;
+  font-size: 14px;
+  height: 35px;
+  line-height: 36px;
+}
+
+/* 审批列表样式 */
+.approval-list-container {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 12px;
+  margin-top: 9px;
+}
+
+.approval-list-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  border: 1px solid var(--el-border-color-lighter);
+  background: var(--el-bg-color);
+}
+
+.approval-list-item:hover {
+  background-color: var(--el-fill-color-extra-light);
+  border-color: var(--el-color-primary-light-7);
+  transform: translateY(-2px);
+}
+
+.approval-list-item:hover .approval-icon {
+  transform: scale(1.1);
+}
+
+.approval-list-item:hover .approval-name {
+  color: var(--el-color-primary);
+}
+
+.approval-icon-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 32px;
+  flex-shrink: 0;
+  background: var(--el-fill-color-lighter);
+  border-radius: 8px;
+  transition: all 0.3s ease;
+}
+
+.approval-list-item:hover .approval-icon-wrapper {
+  background: var(--el-color-primary-light-9);
+}
+
+.approval-icon {
+  font-size: 20px;
+  transition: all 0.3s ease;
+}
+
+.approval-name {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--el-text-color-primary);
+  flex: 1;
+  transition: all 0.3s ease;
+}
+
+.approval-badge {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 20px;
+  height: 20px;
+  padding: 0 6px;
+  background-color: #f56c6c;
+  color: #fff;
+  font-size: 12px;
+  font-weight: 500;
+  border-radius: 10px;
+  line-height: 1;
+  flex-shrink: 0;
+}
+
+.recent-used-label {
+  font-size: 13px;
+  color: var(--el-text-color-placeholder);
+  margin-bottom: 12px;
+  margin-top: 8px;
+}
+
+.my-apps-container {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 12px;
+  margin-top: 16px;
+}
+
+.my-app-button {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 16px;
+  border-radius: 12px;
+  cursor: pointer;
+  overflow: hidden;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  background: var(--el-bg-color);
+  gap: 16px;
+}
+
+.my-app-button:hover {
+  transform: translateY(-2px);
+  border-color: var(--el-color-primary-light-7);
+}
+
+.my-app-button:hover .app-button-icon-wrapper {
+  transform: scale(1.05);
+}
+
+.my-app-button:hover .app-button-icon {
+  color: var(--el-color-primary);
+}
+
+.my-app-button:hover .app-button-name {
+  color: var(--el-color-primary);
+}
+
+.app-button-icon-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 56px;
+  height: 56px;
+  flex-shrink: 0;
+  border-radius: 12px;
+  background: var(--el-fill-color-lighter);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.my-app-button:hover .app-button-icon-wrapper {
+  background: var(--el-color-primary-light-9);
+}
+
+.app-button-icon {
+  font-size: 32px;
+  color: var(--el-text-color-primary);
+  transition: all 0.3s ease;
+}
+
+.app-button-name {
+  font-size: 15px;
+  font-weight: 500;
+  color: var(--el-text-color-primary);
+  flex: 1;
+  line-height: 1.4;
+  transition: color 0.3s ease;
+}
+
+.app-button-hover-effect {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 0;
+  height: 0;
+  border-radius: 50%;
+  background: radial-gradient(
+    circle,
+    rgba(64, 158, 255, 0.08) 0%,
+    transparent 70%
+  );
+  transform: translate(-50%, -50%);
+  transition: width 0.5s ease, height 0.5s ease;
+  pointer-events: none;
+}
+
+.my-app-button:hover .app-button-hover-effect {
+  width: 150px;
+  height: 150px;
+}
+
+/* 为不同审批应用添加不同的颜色主题 */
+.my-app-button:nth-child(1) .app-button-icon-wrapper {
+  background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
+}
+
+.my-app-button:nth-child(1):hover .app-button-icon-wrapper {
+  background: linear-gradient(135deg, #bbdefb 0%, #90caf9 100%);
+  box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3);
+}
+
+.my-app-button:nth-child(1) .app-button-icon {
+  color: #1976d2;
+}
+
+.my-app-button:nth-child(2) .app-button-icon-wrapper {
+  background: linear-gradient(135deg, #e3f2fd 0%, #90caf9 100%);
+}
+
+.my-app-button:nth-child(2):hover .app-button-icon-wrapper {
+  background: linear-gradient(135deg, #90caf9 0%, #64b5f6 100%);
+  box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3);
+}
+
+.my-app-button:nth-child(2) .app-button-icon {
+  color: #1565c0;
+}
+
+.my-app-button:nth-child(3) .app-button-icon-wrapper {
+  background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%);
+}
+
+.my-app-button:nth-child(3):hover .app-button-icon-wrapper {
+  background: linear-gradient(135deg, #b2dfdb 0%, #80cbc4 100%);
+  box-shadow: 0 4px 12px rgba(0, 150, 136, 0.3);
+}
+
+.my-app-button:nth-child(3) .app-button-icon {
+  color: #00796b;
+}
+
+.my-app-button:nth-child(4) .app-button-icon-wrapper {
+  background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);
+}
+
+.my-app-button:nth-child(4):hover .app-button-icon-wrapper {
+  background: linear-gradient(135deg, #e1bee7 0%, #ce93d8 100%);
+  box-shadow: 0 4px 12px rgba(156, 39, 176, 0.3);
+}
+
+.my-app-button:nth-child(4) .app-button-icon {
+  color: #7b1fa2;
+}
+
+.my-app-button:nth-child(5) .app-button-icon-wrapper {
+  background: linear-gradient(135deg, #e3f2fd 0%, #90caf9 100%);
+}
+
+.my-app-button:nth-child(5):hover .app-button-icon-wrapper {
+  background: linear-gradient(135deg, #90caf9 0%, #64b5f6 100%);
+  box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3);
+}
+
+.my-app-button:nth-child(5) .app-button-icon {
+  color: #1976d2;
+}
+
+/* 常用功能 */
+.common-functions-container {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 12px;
+}
+
+.common-function-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  aspect-ratio: 1;
+}
+
+.common-function-item:hover {
+  transform: translateY(-2px);
+}
+
+.function-icon-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 48px;
+  height: 48px;
+  background: var(--el-bg-color);
+  border-radius: 8px;
+  margin-bottom: 8px;
+  transition: all 0.3s ease;
+}
+
+.common-function-item:hover .function-icon-wrapper {
+  transform: scale(1.1);
+  background: var(--el-color-primary-light-9);
+}
+
+.function-icon {
+  font-size: 24px;
+  transition: all 0.3s ease;
+}
+
+.function-name {
+  font-size: 13px;
+  color: var(--el-text-color-primary);
+  text-align: center;
+  line-height: 1.4;
+  transition: all 0.3s ease;
+}
+
+.common-function-item:hover .function-name {
+  color: var(--el-color-primary);
+}
+
+.form-button {
+  width: 100%;
+  margin-bottom: 12px;
+  height: 40px;
+  background: var(--el-fill-color-lighter);
+  border-color: var(--el-border-color-lighter);
+  color: var(--el-text-color-primary);
+}
+
+.form-button:hover {
+  background: var(--el-fill-color);
+  border-color: var(--el-color-primary-light-7);
+  color: var(--el-color-primary);
+}
+
+/* 行业资讯 */
+
+.news-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 13px 0;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.news-item:last-child {
+  border-bottom: none;
+}
+
+.news-item:hover {
+  padding-left: 8px;
+  background: var(--el-fill-color-extra-light);
+  margin: 0 -12px;
+  padding-left: calc(12px + 8px);
+  padding-right: 12px;
+  border-radius: 6px;
+}
+
+.news-item:hover .news-title {
+  color: var(--el-color-primary);
+}
+
+.news-item:hover .news-arrow {
+  color: var(--el-color-primary);
+  transform: translateX(4px);
+}
+
+.news-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.news-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--el-text-color-primary);
+  margin-bottom: 8px;
+  line-height: 1.5;
+  transition: color 0.3s ease;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+
+.news-meta {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  font-size: 12px;
+  color: var(--el-text-color-placeholder);
+}
+
+.news-source {
+  position: relative;
+  padding-right: 12px;
+}
+
+.news-source::after {
+  content: "";
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 1px;
+  height: 12px;
+  background: var(--el-border-color);
+}
+
+.news-date {
+  color: var(--el-text-color-placeholder);
+}
+
+.news-arrow {
+  flex-shrink: 0;
+  font-size: 16px;
+  color: var(--el-text-color-placeholder);
+  transition: all 0.3s ease;
+  margin-left: 12px;
+}
+
+/* 知识库 */
+.knowledge-list {
+  /* margin-top: 12px; */
+  min-height: 200px;
+  max-height: 240px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  position: relative;
+  padding-right: 4px;
+}
+
+.knowledge-list::-webkit-scrollbar {
+  width: 6px;
+}
+
+.knowledge-list::-webkit-scrollbar-track {
+  background: var(--el-fill-color-lighter);
+  border-radius: 3px;
+}
+
+.knowledge-list::-webkit-scrollbar-thumb {
+  background: var(--el-border-color);
+  border-radius: 3px;
+}
+
+.knowledge-list::-webkit-scrollbar-thumb:hover {
+  background: var(--el-border-color-dark);
+}
+
+.knowledge-empty {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 40px 0;
+}
+
+.knowledge-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 14px 0;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.knowledge-item:last-child {
+  border-bottom: none;
+}
+
+.knowledge-item:hover {
+  padding-left: 8px;
+  background: var(--el-fill-color-extra-light);
+  margin: 0 -12px;
+  padding-left: calc(12px + 8px);
+  padding-right: 12px;
+  border-radius: 6px;
+}
+
+.knowledge-item:hover .knowledge-title {
+  color: var(--el-color-primary);
+}
+
+.knowledge-item:hover .knowledge-arrow {
+  color: var(--el-color-primary);
+  transform: translateX(4px);
+}
+
+.knowledge-icon-wrapper {
+  flex-shrink: 0;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--el-fill-color-lighter);
+  border-radius: 8px;
+  transition: all 0.3s ease;
+}
+
+.knowledge-item:hover .knowledge-icon-wrapper {
+  background: var(--el-color-primary-light-9);
+}
+
+.knowledge-icon {
+  font-size: 20px;
+  color: var(--el-color-primary);
+  transition: all 0.3s ease;
+}
+
+.knowledge-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.knowledge-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--el-text-color-primary);
+  margin-bottom: 6px;
+  line-height: 1.5;
+  transition: color 0.3s ease;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+
+.knowledge-meta {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  font-size: 12px;
+  color: var(--el-text-color-placeholder);
+}
+
+.knowledge-category {
+  position: relative;
+  padding-right: 12px;
+}
+
+.knowledge-category::after {
+  content: "";
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 1px;
+  height: 12px;
+  background: var(--el-border-color);
+}
+
+.knowledge-date {
+  color: var(--el-text-color-placeholder);
+}
+
+.knowledge-arrow {
+  flex-shrink: 0;
+  font-size: 16px;
+  color: var(--el-text-color-placeholder);
+  transition: all 0.3s ease;
+  margin-left: 12px;
+}
+
+/* 我的待办 */
+.filter-tabs {
+  margin-right: 8px;
+}
+
+.filter-tabs :deep(.el-tabs__header) {
+  margin: 0;
+}
+
+.filter-tabs :deep(.el-tabs__nav-wrap::after) {
+  display: none;
+}
+
+.todo-list {
+  margin-top: 16px;
+  max-height: 240px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 4px;
+}
+
+.todo-list::-webkit-scrollbar {
+  width: 6px;
+}
+
+.todo-list::-webkit-scrollbar-track {
+  background: var(--el-fill-color-lighter);
+  border-radius: 3px;
+}
+
+.todo-list::-webkit-scrollbar-thumb {
+  background: var(--el-border-color);
+  border-radius: 3px;
+}
+
+.todo-list::-webkit-scrollbar-thumb:hover {
+  background: var(--el-border-color-dark);
+}
+
+.todo-item {
+  display: flex;
+  gap: 12px;
+  padding: 12px;
+  background: var(--el-fill-color-lighter);
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 6px;
+  margin-bottom: 12px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.todo-item:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  border-color: var(--el-color-primary-light-7);
+}
+
+.todo-content {
+  flex: 1;
+}
+
+.todo-title {
+  font-size: 14px;
+  color: var(--el-text-color-primary);
+  margin-bottom: 8px;
+  line-height: 1.5;
+}
+
+.todo-info {
+  display: flex;
+  gap: 16px;
+  font-size: 12px;
+  color: var(--el-text-color-regular);
+}
+
+/* 日历 */
+.calendar-wrapper {
+  background: var(--el-bg-color);
+  border-radius: 8px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.calendar-header {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 10px 0;
+}
+
+.calendar-header :deep(.el-button-group) {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.calendar-header :deep(.el-button) {
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+.calendar-body {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 12px;
+}
+
+.calendar-weekdays {
+  display: grid;
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+  gap: 6px;
+  margin-bottom: 12px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.weekday {
+  text-align: center;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+  padding: 10px 0;
+  background: var(--el-fill-color-lighter);
+  border-radius: 6px;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.calendar-days {
+  display: grid;
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+  gap: 6px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.calendar-day {
+  aspect-ratio: 1;
+  width: 100%;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  position: relative;
+  padding: 6px;
+  background: var(--el-fill-color-extra-light);
+  border: 1px solid transparent;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.calendar-day:hover {
+  background: var(--el-color-primary-light-9);
+  border-color: var(--el-color-primary-light-7);
+  transform: translateY(-2px);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+.calendar-day.is-other-month {
+  color: var(--el-text-color-placeholder);
+  opacity: 0.4;
+  background: transparent;
+}
+
+.calendar-day.is-other-month:hover {
+  opacity: 0.7;
+  background: var(--el-fill-color-lighter);
+}
+
+.calendar-day.is-today {
+  background: linear-gradient(
+    135deg,
+    var(--el-color-primary) 0%,
+    var(--el-color-primary-light-3) 100%
+  );
+  color: var(--el-color-white);
+  font-weight: 700;
+  border-color: var(--el-color-primary);
+  box-shadow: 0 2px 12px rgba(64, 158, 255, 0.3);
+}
+
+.calendar-day.is-today:hover {
+  background: linear-gradient(
+    135deg,
+    var(--el-color-primary-dark-2) 0%,
+    var(--el-color-primary) 100%
+  );
+  transform: translateY(-2px) scale(1.05);
+  box-shadow: 0 4px 16px rgba(64, 158, 255, 0.4);
+}
+
+.calendar-day.has-event::before {
+  content: "";
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  width: 6px;
+  height: 6px;
+  background: var(--el-color-warning);
+  border-radius: 50%;
+  box-shadow: 0 0 0 2px var(--el-bg-color);
+}
+
+.calendar-day.is-today.has-event::before {
+  background: var(--el-color-white);
+  box-shadow: 0 0 0 2px var(--el-color-primary);
+}
+
+.day-number {
+  font-size: 14px;
+  position: relative;
+  z-index: 1;
+  font-weight: 500;
+}
+
+.calendar-day.is-today .day-number {
+  font-size: 15px;
+}
+
+.event-dot {
+  position: absolute;
+  bottom: 4px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 5px;
+  height: 5px;
+  background: var(--el-color-primary);
+  border-radius: 50%;
+  box-shadow: 0 0 0 1px var(--el-bg-color);
+}
+
+.calendar-day.is-today .event-dot {
+  background: var(--el-color-white);
+  box-shadow: 0 0 0 1px var(--el-color-primary);
+}
+
+/* 日历日期浮动框样式 */
+:deep(.calendar-date-popover) {
+  padding: 0 !important;
+  border-radius: 8px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+}
+
+.date-popover-content {
+  width: 100%;
+  max-height: 400px;
+  overflow-y: auto;
+}
+
+.popover-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  background: var(--el-bg-color);
+  border-radius: 8px 8px 0 0;
+}
+
+.popover-date {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+}
+
+.popover-date .el-icon {
+  color: var(--el-color-primary);
+  font-size: 16px;
+}
+
+.popover-body {
+  padding: 12px;
+  border-radius: 0 0 8px 8px;
+  min-height: 100px;
+}
+
+.no-schedule {
+  padding: 20px 0;
+}
+
+.schedule-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.schedule-item {
+  display: flex;
+  gap: 12px;
+  padding: 12px;
+  background: var(--el-bg-color);
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  align-items: flex-start;
+}
+
+.schedule-item:hover {
+  background: var(--el-fill-color-lighter);
+  border-color: var(--el-color-primary-light-7);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  transform: translateY(-1px);
+}
+
+.schedule-time {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  color: var(--el-text-color-regular);
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+.schedule-time .el-icon {
+  font-size: 14px;
+  color: var(--el-color-primary);
+}
+
+.schedule-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.schedule-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+  margin-bottom: 4px;
+  line-height: 1.4;
+}
+
+.schedule-desc {
+  font-size: 12px;
+  color: var(--el-text-color-regular);
+  line-height: 1.5;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.schedule-tag {
+  flex-shrink: 0;
+  margin-left: auto;
+}
+
+/* 平台意见反馈 */
+.feedback-card {
+  background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
+}
+
+.feedback-card .section-title {
+  color: var(--el-color-white);
+}
+
+.feedback-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 20px 0;
+}
+
+.feedback-illustration {
+  margin-bottom: 20px;
+  opacity: 0.9;
+}
+
+.feedback-buttons {
+  display: flex;
+  gap: 12px;
+}
+
+.feedback-buttons .el-button {
+  border-radius: 20px;
+}
+
+/* 帮助与服务 */
+
+.help-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+  /* margin-bottom: 8px; */
+}
+
+.help-item:hover {
+  background: var(--el-fill-color-lighter);
+}
+
+.help-title {
+  font-size: 14px;
+  color: var(--el-text-color-primary);
+  flex: 1;
+}
+
+/* 响应式 */
+@media (max-width: 1400px) {
+  .workbench-container {
+    max-width: 100%;
+    padding: 0 10px;
+  }
+}
+
+@media (max-width: 1200px) {
+  .workbench-container {
+    flex-direction: column;
+    max-width: 100%;
+    padding: 0;
+  }
+
+  .main-content {
+    width: 100%;
+  }
+
+  .double-card {
+    flex-direction: column;
+    width: 100%;
+  }
+
+  .double-card > div {
+    width: 100%;
+  }
+
+  .sidebar {
+    flex: 1;
+    width: 100%;
+    max-width: 100%;
+    min-width: 0;
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20px;
+  }
+
+  .sidebar > section {
+    margin-bottom: 0;
+  }
+
+  .my-apps-container {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 12px;
+  }
+}
+
+@media (max-width: 992px) {
+  .sidebar {
+    grid-template-columns: 1fr;
+  }
+
+  .double-card {
+    flex-direction: column;
+  }
+
+  .double-card > div {
+    width: 100%;
+  }
+
+  .my-apps-container {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 10px;
+  }
+
+  .my-app-button {
+    padding: 14px;
+    gap: 12px;
+  }
+
+  .app-button-icon-wrapper {
+    width: 48px;
+    height: 48px;
+  }
+
+  .app-button-icon {
+    font-size: 28px;
+  }
+
+  .app-button-name {
+    font-size: 14px;
+  }
+}
+
+@media (max-width: 768px) {
+  .oa-workbench {
+    padding: 12px;
+  }
+
+  .workbench-container {
+    gap: 12px;
+  }
+
+  .main-content {
+    gap: 12px;
+  }
+
+  .double-card {
+    gap: 12px;
+  }
+
+  .double-card > div {
+    gap: 12px;
+  }
+
+  .sidebar {
+    gap: 12px;
+  }
+
+  .section-card {
+    padding: 16px;
+  }
+
+  .general-app-card {
+    width: 120px;
+  }
+
+  .my-apps-container {
+    grid-template-columns: 1fr;
+    gap: 10px;
+  }
+
+  .my-app-button {
+    padding: 12px;
+    gap: 12px;
+  }
+
+  .app-button-icon-wrapper {
+    width: 44px;
+    height: 44px;
+  }
+
+  .app-button-icon {
+    font-size: 24px;
+  }
+
+  .app-button-name {
+    font-size: 13px;
+  }
+
+  .forms-grid .el-col {
+    width: 100% !important;
+  }
+
+  .knowledge-item,
+  .news-item {
+    padding: 12px 0;
+  }
+
+  /* 日历响应式 */
+  .calendar-wrapper {
+    padding: 12px;
+  }
+
+  .calendar-header {
+    margin-bottom: 12px;
+    padding-bottom: 12px;
+  }
+
+  .calendar-header :deep(.el-button-group) {
+    flex-wrap: wrap;
+    gap: 4px;
+  }
+
+  .calendar-header :deep(.el-button) {
+    font-size: 12px;
+    padding: 4px 8px;
+  }
+
+  .calendar-weekdays {
+    gap: 4px;
+    margin-bottom: 8px;
+  }
+
+  .weekday {
+    font-size: 12px;
+    padding: 8px 0;
+  }
+
+  .calendar-days {
+    gap: 4px;
+  }
+
+  .calendar-day {
+    padding: 4px;
+    border-radius: 6px;
+  }
+
+  .day-number {
+    font-size: 12px;
+  }
+
+  .calendar-day.is-today .day-number {
+    font-size: 13px;
+  }
+
+  .calendar-day.has-event::before {
+    width: 4px;
+    height: 4px;
+    top: 2px;
+    right: 2px;
+  }
+
+  .event-dot {
+    width: 4px;
+    height: 4px;
+    bottom: 2px;
+  }
+}
+
+@media (max-width: 480px) {
+  /* 日历超小屏幕适配 */
+  .calendar-wrapper {
+    padding: 8px;
+  }
+
+  .calendar-header {
+    margin-bottom: 8px;
+    padding-bottom: 8px;
+  }
+
+  .calendar-header :deep(.el-button) {
+    font-size: 11px;
+    padding: 2px 6px;
+  }
+
+  .calendar-weekdays {
+    gap: 2px;
+  }
+
+  .weekday {
+    font-size: 11px;
+    padding: 6px 0;
+  }
+
+  .calendar-days {
+    gap: 2px;
+  }
+
+  .calendar-day {
+    padding: 2px;
+  }
+
+  .day-number {
+    font-size: 11px;
+  }
+
+  .calendar-day.is-today .day-number {
+    font-size: 12px;
+  }
+}
+:deep(.el-divider--horizontal) {
+  margin: 0 !important;
+  margin-bottom: 10px !important;
+}
+</style>
diff --git a/pc/src/views/system/menus/manager.vue b/pc/src/views/system/menus/manager.vue
index 3b8c134..cdb2f4f 100644
--- a/pc/src/views/system/menus/manager.vue
+++ b/pc/src/views/system/menus/manager.vue
@@ -85,6 +85,18 @@
           </template>
         </el-table-column>
 
+        <el-table-column prop="IsShow" label="是否显示" width="100" align="center">
+          <template #default="scope">
+            <el-switch
+              v-model="scope.row.IsShow"
+              :active-value="1"
+              :inactive-value="0"
+              @change="handleShowChange(scope.row)"
+              :disabled="!scope.row.Id"
+            />
+          </template>
+        </el-table-column>
+
         <el-table-column label="操作" width="280" fixed="right" align="center">
           <template #default="scope">
             <el-button
@@ -185,6 +197,14 @@
           />
         </el-form-item>
 
+        <el-form-item label="是否显示" prop="IsShow">
+          <el-switch
+            v-model="currentMenu.IsShow"
+            :active-value="1"
+            :inactive-value="0"
+          />
+        </el-form-item>
+
         <el-form-item label="权限标识" prop="Permission">
           <el-input
             v-model="currentMenu.Permission"
@@ -223,6 +243,7 @@ interface Menu {
   ExternalUrl: string;
   MenuType: 1 | 2 | 3; // 1:普通菜单 2:分组菜单 3:按钮菜单
   Permission: string;
+  IsShow: 0 | 1;
   CreateTime: string;
   UpdateTime: string;
   children?: Menu[];
@@ -255,6 +276,7 @@ const currentMenu = ref<Partial<Menu>>({
   ExternalUrl: "",
   MenuType: 1,
   Permission: "",
+  IsShow: 1,
 });
 
 // 表单验证规则
@@ -303,14 +325,15 @@ const fetchMenus = async () => {
           ParentId: item.parentId,
           Icon: item.icon,
           Order: item.order,
-          Status: 1, 
+          Status: item.status ?? 1, 
           ComponentPath: item.componentPath || "",
           IsExternal: item.isExternal || 0,
           ExternalUrl: item.externalUrl || "",
-        MenuType: item.menuType,
-        Permission: item.permission || "", 
-        CreateTime: "",
-        UpdateTime: "",
+          MenuType: item.menuType,
+          Permission: item.permission || "", 
+          IsShow: item.isShow ?? 1,
+          CreateTime: "",
+          UpdateTime: "",
       }));
 
       // 按照参数Order的大小从小到大排序
@@ -447,25 +470,19 @@ const handleStatusChange = async (menu: Menu) => {
   }
 };
 
-// 添加顶级菜单
-const handleAddMenu = () => {
-  dialogTitle.value = "添加菜单";
-  currentMenu.value = {
-    Id: 0,
-    Name: "",
-    Path: "",
-    ParentId: 0,
-    Icon: "",
-    Order: 0,
-    Status: 1,
-    ComponentPath: "",
-    IsExternal: 0,
-    ExternalUrl: "",
-    MenuType: 1,
-    Permission: "",
-  };
-  dialogVisible.value = true;
-};
+// 处理是否显示变更
+const handleShowChange = async (menu: Menu) => {
+  try {
+    const result = await updateMenu(menu.Id, { IsShow: menu.IsShow } as any)
+    if (!result.success) {
+      ElMessage.error(result.message)
+      menu.IsShow = menu.IsShow === 1 ? 0 : 1
+    }
+  } catch (error) {
+    ElMessage.error('更新是否显示失败: ' + (error as Error).message)
+    menu.IsShow = menu.IsShow === 1 ? 0 : 1
+  }
+}
 
 // 添加子菜单
 const handleAddSubMenu = (parentMenu: Menu) => {
diff --git a/server/controllers/contact.go b/server/controllers/contact.go
new file mode 100644
index 0000000..6e5a7a4
--- /dev/null
+++ b/server/controllers/contact.go
@@ -0,0 +1,90 @@
+package controllers
+
+import (
+	"encoding/json"
+	"strconv"
+
+	"server/models"
+	"server/services"
+
+	beego "github.com/beego/beego/v2/server/web"
+)
+
+type ContactController struct {
+	beego.Controller
+}
+
+// List GET /api/crm/contact/list?tenant_id=&related_type=&related_id=
+func (c *ContactController) List() {
+	tenantId := c.GetString("tenant_id")
+	relatedType, _ := strconv.Atoi(c.GetString("related_type"))
+	relatedId := c.GetString("related_id")
+	if tenantId == "" || relatedType == 0 || relatedId == "" {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": "缺少必要参数"}
+		c.ServeJSON()
+		return
+	}
+	list, err := services.ListContacts(tenantId, relatedType, relatedId)
+	if err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": err.Error()}
+	} else {
+		c.Data["json"] = map[string]interface{}{"code": 0, "message": "ok", "data": list}
+	}
+	c.ServeJSON()
+}
+
+// Add POST /api/crm/contact/add
+func (c *ContactController) Add() {
+	var m models.Contact
+	if err := json.Unmarshal(c.Ctx.Input.RequestBody, &m); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": "请求参数格式错误"}
+		c.ServeJSON()
+		return
+	}
+	if err := services.CreateContact(&m); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": err.Error()}
+	} else {
+		c.Data["json"] = map[string]interface{}{"code": 0, "message": "ok", "data": m}
+	}
+	c.ServeJSON()
+}
+
+// Edit POST /api/crm/contact/edit
+func (c *ContactController) Edit() {
+	var m models.Contact
+	if err := json.Unmarshal(c.Ctx.Input.RequestBody, &m); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": "请求参数格式错误"}
+		c.ServeJSON()
+		return
+	}
+	if m.Id == 0 {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": "id不能为空"}
+		c.ServeJSON()
+		return
+	}
+	if err := services.UpdateContact(&m); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": err.Error()}
+	} else {
+		c.Data["json"] = map[string]interface{}{"code": 0, "message": "ok"}
+	}
+	c.ServeJSON()
+}
+
+// Delete POST /api/crm/contact/delete
+func (c *ContactController) Delete() {
+	var body struct {
+		Id       int64  `json:"id"`
+		TenantId string `json:"tenant_id"`
+	}
+	if err := json.Unmarshal(c.Ctx.Input.RequestBody, &body); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": "请求参数格式错误"}
+		c.ServeJSON()
+		return
+	}
+	if err := services.DeleteContact(body.Id, body.TenantId); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": err.Error()}
+	} else {
+		c.Data["json"] = map[string]interface{}{"code": 0, "message": "ok"}
+	}
+	c.ServeJSON()
+}
diff --git a/server/controllers/customer.go b/server/controllers/customer.go
new file mode 100644
index 0000000..3cd6da3
--- /dev/null
+++ b/server/controllers/customer.go
@@ -0,0 +1,155 @@
+package controllers
+
+import (
+	"encoding/json"
+	"fmt"
+	"strconv"
+
+	"server/models"
+	"server/services"
+
+	beego "github.com/beego/beego/v2/server/web"
+)
+
+type CustomerController struct {
+	beego.Controller
+}
+
+// List GET /api/crm/customer/list
+func (c *CustomerController) List() {
+	tenantId := c.GetString("tenantId")
+	keyword := c.GetString("keyword")
+	status := c.GetString("status")
+	page, _ := strconv.Atoi(c.GetString("page"))
+	pageSize, _ := strconv.Atoi(c.GetString("pageSize"))
+	list, total, err := services.ListCustomers(tenantId, keyword, status, page, pageSize)
+
+	if err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": err.Error()}
+	} else {
+		c.Data["json"] = map[string]interface{}{"code": 0, "message": "ok", "data": map[string]interface{}{"list": list, "total": total}}
+	}
+	c.ServeJSON()
+}
+
+// Detail GET /api/crm/customer/detail?id=...
+func (c *CustomerController) Detail() {
+	id := c.GetString("id")
+	if id == "" {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": "id不能为空"}
+		c.ServeJSON()
+		return
+	}
+	m, err := services.GetCustomer(id)
+	if err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": err.Error()}
+	} else {
+		c.Data["json"] = map[string]interface{}{"code": 0, "message": "ok", "data": m}
+	}
+	c.ServeJSON()
+}
+
+// Add POST /api/crm/customer/add
+func (c *CustomerController) Add() {
+	var m models.Customer
+	if err := json.Unmarshal(c.Ctx.Input.RequestBody, &m); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": "请求参数格式错误"}
+		c.ServeJSON()
+		return
+	}
+	if err := services.CreateCustomer(&m); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": err.Error()}
+	} else {
+		c.Data["json"] = map[string]interface{}{"code": 0, "message": "ok", "data": m}
+	}
+	c.ServeJSON()
+}
+
+// Edit POST /api/crm/customer/edit  body: {id, ...}
+func (c *CustomerController) Edit() {
+    var body map[string]interface{}
+    _ = json.Unmarshal(c.Ctx.Input.RequestBody, &body)
+    id, _ := body["id"].(string)
+    if id == "" {
+        // 也允许前端直接在JSON中传 id 字段，下面会再从结构体取
+    }
+    var m models.Customer
+    if err := json.Unmarshal(c.Ctx.Input.RequestBody, &m); err != nil {
+        // 回退：从通用map中提取已知字段，避免类型不匹配导致失败
+        if body == nil {
+            _ = json.Unmarshal(c.Ctx.Input.RequestBody, &body)
+        }
+        toStr := func(v interface{}) string {
+            switch t := v.(type) {
+            case nil:
+                return ""
+            case string:
+                return t
+            case json.Number:
+                return t.String()
+            default:
+                return fmt.Sprint(v)
+            }
+        }
+        m = models.Customer{
+            Id:           toStr(body["id"]),
+            TenantId:     toStr(body["tenant_id"]),
+            CustomerName: toStr(body["customer_name"]),
+            CustomerType: toStr(body["customer_type"]),
+            ContactPerson: toStr(body["contact_person"]),
+            ContactPhone: toStr(body["contact_phone"]),
+            ContactEmail: toStr(body["contact_email"]),
+            CustomerLevel: toStr(body["customer_level"]),
+            Industry:      toStr(body["industry"]),
+            Address:       toStr(body["address"]),
+            Status:        toStr(body["status"]),
+            Remark:        toStr(body["remark"]),
+        }
+        if m.Id == "" {
+            if id == "" {
+                c.Data["json"] = map[string]interface{}{"code": 1, "message": "id不能为空"}
+                c.ServeJSON()
+                return
+            }
+            m.Id = id
+        }
+    }
+    if m.Id == "" {
+        if id == "" {
+            c.Data["json"] = map[string]interface{}{"code": 1, "message": "id不能为空"}
+            c.ServeJSON()
+            return
+        }
+        m.Id = id
+    }
+    if err := services.UpdateCustomer(&m); err != nil {
+        c.Data["json"] = map[string]interface{}{"code": 1, "message": err.Error()}
+    } else {
+        c.Data["json"] = map[string]interface{}{"code": 0, "message": "ok"}
+    }
+    c.ServeJSON()
+}
+
+// Delete POST /api/crm/customer/delete body: {id, tenantId}
+func (c *CustomerController) Delete() {
+	var body struct {
+		Id       string `json:"id"`
+		TenantId string `json:"tenantId"`
+	}
+	if err := json.Unmarshal(c.Ctx.Input.RequestBody, &body); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": "请求参数格式错误"}
+		c.ServeJSON()
+		return
+	}
+	if body.Id == "" {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": "id不能为空"}
+		c.ServeJSON()
+		return
+	}
+	if err := services.SoftDeleteCustomer(body.Id); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": err.Error()}
+	} else {
+		c.Data["json"] = map[string]interface{}{"code": 0, "message": "ok"}
+	}
+	c.ServeJSON()
+}
diff --git a/server/controllers/menu.go b/server/controllers/menu.go
index aca4ea9..6e47a25 100644
--- a/server/controllers/menu.go
+++ b/server/controllers/menu.go
@@ -123,9 +123,9 @@ func (c *MenuController) UpdateMenu() {
 		return
 	}
 
-	// 直接使用 Beego 的 BindJSON 方法
-	var menu models.Menu
-	if err := c.BindJSON(&menu); err != nil {
+	// 解析请求体为通用map，进行部分字段更新，避免未提供字段被置零
+	var body map[string]interface{}
+	if err := json.Unmarshal(c.Ctx.Input.RequestBody, &body); err != nil {
 		c.Data["json"] = map[string]interface{}{
 			"success": false,
 			"message": "请求参数错误",
@@ -135,11 +135,40 @@ func (c *MenuController) UpdateMenu() {
 		return
 	}
 
-	// 设置 ID
-	menu.Id = id
+	// 允许更新的字段映射：前端Key -> 数据库列名
+	allowed := map[string]string{
+		"Name":          "name",
+		"Path":          "path",
+		"ParentId":      "parent_id",
+		"Icon":          "icon",
+		"Order":         "order",
+		"Status":        "status",
+		"ComponentPath": "component_path",
+		"IsExternal":    "is_external",
+		"ExternalUrl":   "external_url",
+		"MenuType":      "menu_type",
+		"Permission":    "permission",
+		"IsShow":        "is_show",
+	}
 
-	// 更新菜单
-	if err := models.UpdateMenu(&menu); err != nil {
+	params := orm.Params{}
+	for k, col := range allowed {
+		if v, ok := body[k]; ok {
+			params[col] = v
+		}
+	}
+
+	if len(params) == 0 {
+		c.Data["json"] = map[string]interface{}{
+			"success": false,
+			"message": "无可更新的字段",
+		}
+		c.ServeJSON()
+		return
+	}
+
+	o := orm.NewOrm()
+	if _, err := o.QueryTable("yz_menus").Filter("id", id).Update(params); err != nil {
 		c.Data["json"] = map[string]interface{}{
 			"success": false,
 			"message": "更新菜单失败",
@@ -149,7 +178,6 @@ func (c *MenuController) UpdateMenu() {
 		c.Data["json"] = map[string]interface{}{
 			"success": true,
 			"message": "更新菜单成功",
-			// "data":    menu,
 		}
 	}
 
diff --git a/server/controllers/supplier.go b/server/controllers/supplier.go
new file mode 100644
index 0000000..1fcb835
--- /dev/null
+++ b/server/controllers/supplier.go
@@ -0,0 +1,110 @@
+package controllers
+
+import (
+	"encoding/json"
+	"strconv"
+
+	"server/models"
+	"server/services"
+
+	beego "github.com/beego/beego/v2/server/web"
+)
+
+type SupplierController struct {
+	beego.Controller
+}
+
+func (c *SupplierController) List() {
+	tenantId := c.GetString("tenantId")
+	keyword := c.GetString("keyword")
+	status := c.GetString("status")
+	page, _ := strconv.Atoi(c.GetString("page"))
+	pageSize, _ := strconv.Atoi(c.GetString("pageSize"))
+	list, total, err := services.ListSuppliers(tenantId, keyword, status, page, pageSize)
+	if err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": err.Error()}
+	} else {
+		c.Data["json"] = map[string]interface{}{"code": 0, "message": "ok", "data": map[string]interface{}{"list": list, "total": total}}
+	}
+	c.ServeJSON()
+}
+
+func (c *SupplierController) Detail() {
+	id := c.GetString("id")
+	if id == "" {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": "id不能为空"}
+		c.ServeJSON()
+		return
+	}
+	m, err := services.GetSupplier(id)
+	if err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": err.Error()}
+	} else {
+		c.Data["json"] = map[string]interface{}{"code": 0, "message": "ok", "data": m}
+	}
+	c.ServeJSON()
+}
+
+func (c *SupplierController) Add() {
+	var m models.Supplier
+	if err := json.Unmarshal(c.Ctx.Input.RequestBody, &m); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": "请求参数格式错误"}
+		c.ServeJSON()
+		return
+	}
+	if err := services.CreateSupplier(&m); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": err.Error()}
+	} else {
+		c.Data["json"] = map[string]interface{}{"code": 0, "message": "ok", "data": m}
+	}
+	c.ServeJSON()
+}
+
+func (c *SupplierController) Edit() {
+	var body map[string]interface{}
+	_ = json.Unmarshal(c.Ctx.Input.RequestBody, &body)
+	id, _ := body["id"].(string)
+	var m models.Supplier
+	if err := json.Unmarshal(c.Ctx.Input.RequestBody, &m); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": "请求参数格式错误"}
+		c.ServeJSON()
+		return
+	}
+	if m.Id == "" {
+		if id == "" {
+			c.Data["json"] = map[string]interface{}{"code": 1, "message": "id不能为空"}
+			c.ServeJSON()
+			return
+		}
+		m.Id = id
+	}
+	if err := services.UpdateSupplier(&m); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": err.Error()}
+	} else {
+		c.Data["json"] = map[string]interface{}{"code": 0, "message": "ok"}
+	}
+	c.ServeJSON()
+}
+
+func (c *SupplierController) Delete() {
+	var body struct {
+		Id       string `json:"id"`
+		TenantId string `json:"tenantId"`
+	}
+	if err := json.Unmarshal(c.Ctx.Input.RequestBody, &body); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": "请求参数格式错误"}
+		c.ServeJSON()
+		return
+	}
+	if body.Id == "" {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": "id不能为空"}
+		c.ServeJSON()
+		return
+	}
+	if err := services.SoftDeleteSupplier(body.Id); err != nil {
+		c.Data["json"] = map[string]interface{}{"code": 1, "message": err.Error()}
+	} else {
+		c.Data["json"] = map[string]interface{}{"code": 0, "message": "ok"}
+	}
+	c.ServeJSON()
+}
diff --git a/server/database/yz_tenant_crm_contact.sql b/server/database/yz_tenant_crm_contact.sql
new file mode 100644
index 0000000..eb95f0b
--- /dev/null
+++ b/server/database/yz_tenant_crm_contact.sql
@@ -0,0 +1,24 @@
+CREATE TABLE yz_tenant_crm_contact (
+    id BIGINT NOT NULL AUTO_INCREMENT COMMENT '自增主键ID',
+    tenant_id BIGINT NOT NULL COMMENT '租户ID（关联租户表，隔离数据）',
+    related_type TINYINT NOT NULL COMMENT '关联类型：1=客户，2=供应商（区分联系人归属）',
+    related_id BIGINT NOT NULL COMMENT '关联ID（关联yz_tenant_crm_customer.id或yz_tenant_crm_supplier.id）',
+    contact_name VARCHAR(50) NOT NULL COMMENT '联系人姓名',
+    gender TINYINT DEFAULT 0 COMMENT '性别：0=未知，1=男，2=女',
+    mobile VARCHAR(20) COMMENT '手机号（唯一索引，避免重复）',
+    phone VARCHAR(20) COMMENT '固定电话',
+    email VARCHAR(100) COMMENT '邮箱',
+    position VARCHAR(50) COMMENT '职位（如：项目经理、采购负责人）',
+    department VARCHAR(50) COMMENT '所属部门',
+    is_primary TINYINT DEFAULT 0 COMMENT '是否主联系人：0=否，1=是（一个客户/供应商可设一个主联系人）',
+    remark VARCHAR(500) COMMENT '备注（如：关键决策人、对接优先级等）',
+    create_time DATETIME DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
+    update_time DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
+    create_by BIGINT COMMENT '创建人ID（关联用户表）',
+    update_by BIGINT COMMENT '更新人ID（关联用户表）',
+    is_deleted TINYINT DEFAULT 0 COMMENT '逻辑删除：0=正常，1=删除',
+    PRIMARY KEY (id),
+    UNIQUE KEY uk_tenant_mobile (tenant_id, mobile) COMMENT '同一租户内手机号唯一',
+    KEY idx_tenant_related (tenant_id, related_type, related_id) COMMENT '查询租户下某客户/供应商的所有联系人',
+    KEY idx_contact_name (tenant_id, contact_name) COMMENT '按姓名模糊查询联系人'
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='租户CRM联系人表';
\ No newline at end of file
diff --git a/server/database/yz_tenant_crm_customer.sql b/server/database/yz_tenant_crm_customer.sql
new file mode 100644
index 0000000..ba5af7d
--- /dev/null
+++ b/server/database/yz_tenant_crm_customer.sql
@@ -0,0 +1,26 @@
+-- 客户管理表：yz_tenant_crm_customer（支持租户隔离、软删除、时间追踪）
+CREATE TABLE `yz_tenant_crm_customer` (
+  `id` varchar(36) NOT NULL COMMENT 'ID',
+  `tenant_id` varchar(64) NOT NULL COMMENT '租户ID',
+  `customer_name` varchar(100) NOT NULL COMMENT '客户名称（企业/个人名称）',
+  `customer_type` varchar(20) NOT NULL COMMENT '客户类型',
+  `contact_person` varchar(50) NOT NULL COMMENT '联系人姓名',
+  `contact_phone` varchar(20) NOT NULL COMMENT '联系人电话',
+  `contact_email` varchar(100) DEFAULT '' COMMENT '联系人邮箱',
+  `customer_level` varchar(20) DEFAULT '3' COMMENT '客户等级（1-核心客户/2-重要客户/3-普通客户/4-潜在客户）',
+  `industry` varchar(50) DEFAULT '' COMMENT '所属行业',
+  `address` varchar(255) DEFAULT '' COMMENT '客户地址',
+  `register_time` date DEFAULT NULL COMMENT '客户注册/合作起始日期',
+  `expire_time` date DEFAULT NULL COMMENT '合作到期日期',
+  `status` varchar(20) NOT NULL DEFAULT '1' COMMENT '客户状态（0-禁用/1-正常/2-冻结/3-已注销）',
+  `remark` text COMMENT '客户备注',
+  `create_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
+  `update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
+  `delete_time` datetime DEFAULT NULL COMMENT '删除时间',
+  PRIMARY KEY (`id`),
+  KEY `idx_tenant_id` (`tenant_id`) COMMENT '租户ID索引，优化多租户隔离查询',
+  KEY `idx_customer_name` (`customer_name`) COMMENT '客户名称索引，优化按名称模糊查询',
+  KEY `idx_contact_phone` (`contact_phone`) COMMENT '联系人电话索引，优化按电话精准查询',
+  KEY `idx_status` (`status`) COMMENT '客户状态索引，优化按状态筛选（如：查询正常客户）',
+  KEY `idx_register_time` (`register_time`) COMMENT '注册时间索引，优化按合作时间范围查询'
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='客户管理表（支持租户隔离、软删除、客户全生命周期追踪）';
\ No newline at end of file
diff --git a/server/database/yz_tenant_crm_supplier.sql b/server/database/yz_tenant_crm_supplier.sql
new file mode 100644
index 0000000..07e117d
--- /dev/null
+++ b/server/database/yz_tenant_crm_supplier.sql
@@ -0,0 +1,26 @@
+-- 客户管理表：yz_tenant_crm_supplier（支持租户隔离、软删除、时间追踪）
+CREATE TABLE `yz_tenant_crm_supplier` (
+  `id` varchar(36) NOT NULL COMMENT 'ID',
+  `tenant_id` varchar(64) NOT NULL COMMENT '租户ID',
+  `supplier_name` varchar(100) NOT NULL COMMENT '供应商名称（企业/个人名称）',
+  `supplier_type` varchar(20) NOT NULL COMMENT '供应商类型',
+  `contact_person` varchar(50) NOT NULL COMMENT '联系人姓名',
+  `contact_phone` varchar(20) NOT NULL COMMENT '联系人电话',
+  `contact_email` varchar(100) DEFAULT '' COMMENT '联系人邮箱',
+  `supplier_level` varchar(20) DEFAULT '3' COMMENT '供应商等级（1-核心供应商/2-重要供应商/3-普通供应商/4-潜在供应商）',
+  `industry` varchar(50) DEFAULT '' COMMENT '所属行业',
+  `address` varchar(255) DEFAULT '' COMMENT '供应商地址',
+  `register_time` date DEFAULT NULL COMMENT '供应商注册/合作起始日期',
+  `expire_time` date DEFAULT NULL COMMENT '合作到期日期',
+  `status` varchar(20) NOT NULL DEFAULT '1' COMMENT '供应商状态（0-禁用/1-正常/2-冻结/3-已注销）',
+  `remark` text COMMENT '供应商备注',
+  `create_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
+  `update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
+  `delete_time` datetime DEFAULT NULL COMMENT '删除时间',
+  PRIMARY KEY (`id`),
+  KEY `idx_tenant_id` (`tenant_id`) COMMENT '租户ID索引，优化多租户隔离查询',
+  KEY `idx_supplier_name` (`supplier_name`) COMMENT '供应商名称索引，优化按名称模糊查询',
+  KEY `idx_contact_phone` (`contact_phone`) COMMENT '联系人电话索引，优化按电话精准查询',
+  KEY `idx_status` (`status`) COMMENT '供应商状态索引，优化按状态筛选',
+  KEY `idx_register_time` (`register_time`) COMMENT '注册时间索引，优化按合作时间范围查询'
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='供应商管理表';
\ No newline at end of file
diff --git a/server/models/contact.go b/server/models/contact.go
new file mode 100644
index 0000000..23b5588
--- /dev/null
+++ b/server/models/contact.go
@@ -0,0 +1,37 @@
+package models
+
+import (
+	"time"
+
+	"github.com/beego/beego/v2/client/orm"
+)
+
+// Contact 联系人模型（对应表 yz_tenant_crm_contact）
+type Contact struct {
+	Id               int64     `orm:"pk;auto" json:"id"`
+	TenantId         string    `orm:"column(tenant_id);size(64)" json:"tenant_id"`
+	RelatedType      int       `orm:"column(related_type)" json:"related_type"` // 1=客户 2=供应商
+	RelatedId        string    `orm:"column(related_id);size(64)" json:"related_id"`
+	ContactName      string    `orm:"column(contact_name);size(50)" json:"contact_name"`
+	Gender           int8      `orm:"column(gender);null" json:"gender"`
+	Mobile           string    `orm:"column(mobile);size(20);null" json:"mobile"`
+	Phone            string    `orm:"column(phone);size(20);null" json:"phone"`
+	Email            string    `orm:"column(email);size(100);null" json:"email"`
+	Position         string    `orm:"column(position);size(50);null" json:"position"`
+	Department       string    `orm:"column(department);size(50);null" json:"department"`
+	IsPrimary        int8      `orm:"column(is_primary);null" json:"is_primary"`
+	Remark           string    `orm:"column(remark);size(500);null" json:"remark"`
+	CreateTime       time.Time `orm:"column(create_time);type(datetime);auto_now_add" json:"create_time"`
+	UpdateTime       time.Time `orm:"column(update_time);type(datetime);auto_now" json:"update_time"`
+	CreateBy         int64     `orm:"column(create_by);null" json:"create_by"`
+	UpdateBy         int64     `orm:"column(update_by);null" json:"update_by"`
+	IsDeleted        int8      `orm:"column(is_deleted);null" json:"is_deleted"`
+}
+
+func (t *Contact) TableName() string {
+	return "yz_tenant_crm_contact"
+}
+
+func init() {
+	orm.RegisterModel(new(Contact))
+}
diff --git a/server/models/customer.go b/server/models/customer.go
new file mode 100644
index 0000000..3982895
--- /dev/null
+++ b/server/models/customer.go
@@ -0,0 +1,36 @@
+package models
+
+import (
+	"time"
+
+	"github.com/beego/beego/v2/client/orm"
+)
+
+// Customer 客户模型（对应表 yz_tenant_crm_customer）
+type Customer struct {
+	Id            string     `orm:"pk;size(36)" json:"id"`
+	TenantId      string     `orm:"column(tenant_id);size(64)" json:"tenant_id"`
+	CustomerName  string     `orm:"column(customer_name);size(100)" json:"customer_name"`
+	CustomerType  string     `orm:"column(customer_type);size(20)" json:"customer_type"`
+	ContactPerson string     `orm:"column(contact_person);size(50)" json:"contact_person"`
+	ContactPhone  string     `orm:"column(contact_phone);size(20)" json:"contact_phone"`
+	ContactEmail  string     `orm:"column(contact_email);size(100);null" json:"contact_email"`
+	CustomerLevel string     `orm:"column(customer_level);size(20);null" json:"customer_level"`
+	Industry      string     `orm:"column(industry);size(50);null" json:"industry"`
+	Address       string     `orm:"column(address);size(255);null" json:"address"`
+	RegisterTime  *time.Time `orm:"column(register_time);null;type(date)" json:"register_time"`
+	ExpireTime    *time.Time `orm:"column(expire_time);null;type(date)" json:"expire_time"`
+	Status        string     `orm:"column(status);size(20)" json:"status"`
+	Remark        string     `orm:"column(remark);type(text);null" json:"remark"`
+	CreateTime    time.Time  `orm:"column(create_time);type(datetime);auto_now_add" json:"create_time"`
+	UpdateTime    time.Time  `orm:"column(update_time);type(datetime);auto_now" json:"update_time"`
+	DeleteTime    *time.Time `orm:"column(delete_time);null;type(datetime)" json:"delete_time"`
+}
+
+func (t *Customer) TableName() string {
+	return "yz_tenant_crm_customer"
+}
+
+func init() {
+	orm.RegisterModel(new(Customer))
+}
\ No newline at end of file
diff --git a/server/models/menu.go b/server/models/menu.go
index cfc8530..14e2d91 100644
--- a/server/models/menu.go
+++ b/server/models/menu.go
@@ -21,6 +21,7 @@ type Menu struct {
 	ExternalUrl   string     `orm:"size(1000);null"`
 	MenuType      int8       `orm:"default(1)"`
 	Permission    string     `orm:"size(200);null"`
+	IsShow        int8       `orm:"default(1)"`
 	CreateTime    time.Time  `orm:"auto_now_add;type(datetime)"`
 	UpdateTime    time.Time  `orm:"auto_now;type(datetime)"`
 	DeleteTime    *time.Time `orm:"null;type(datetime)"`
@@ -53,6 +54,8 @@ func GetAllMenus() ([]map[string]interface{}, error) {
 			"isExternal":    m.IsExternal,
 			"externalUrl":   m.ExternalUrl,
 			"menuType":      m.MenuType,
+			"permission":    m.Permission,
+			"isShow":        m.IsShow,
 		}
 		result = append(result, item)
 	}
@@ -129,11 +132,12 @@ func GetTenantMenus(roleId int) ([]map[string]interface{}, error) {
 	args[len(menuIds)] = 1 // menu_type=1 表示页面菜单
 	
 	// 3. 查询菜单（只返回menu_type=1的页面菜单，且未删除的）
-	query := "SELECT id, name, path, parent_id, icon, `order`, status, component_path, is_external, external_url, menu_type, permission " +
+	query := "SELECT id, name, path, parent_id, icon, `order`, status, component_path, is_external, external_url, menu_type, permission, is_show " +
 		"FROM yz_menus " +
 		"WHERE id IN (" + strings.Join(placeholders, ",") + ") " +
 		"AND delete_time IS NULL " +
 		"AND menu_type = ? " +
+		"AND is_show = 1 " +
 		"ORDER BY `order`, id"
 	
 	var menus []*Menu
@@ -184,11 +188,12 @@ func GetTenantMenus(roleId int) ([]map[string]interface{}, error) {
 		}
 		parentArgs[len(parentIdList)] = 1 // menu_type=1
 		
-		parentQuery := "SELECT id, name, path, parent_id, icon, `order`, status, component_path, is_external, external_url, menu_type, permission " +
+		parentQuery := "SELECT id, name, path, parent_id, icon, `order`, status, component_path, is_external, external_url, menu_type, permission, is_show " +
 			"FROM yz_menus " +
 			"WHERE id IN (" + strings.Join(parentPlaceholders, ",") + ") " +
 			"AND delete_time IS NULL " +
 			"AND menu_type = ? " +
+			"AND is_show = 1 " +
 			"ORDER BY `order`, id"
 		
 		var parentMenus []*Menu
@@ -224,6 +229,7 @@ func GetTenantMenus(roleId int) ([]map[string]interface{}, error) {
 			"externalUrl":   m.ExternalUrl,
 			"menuType":      m.MenuType,
 			"permission":    m.Permission,
+			"isShow":        m.IsShow,
 		}
 		result = append(result, item)
 	}
diff --git a/server/models/supplier.go b/server/models/supplier.go
new file mode 100644
index 0000000..f0e8826
--- /dev/null
+++ b/server/models/supplier.go
@@ -0,0 +1,36 @@
+package models
+
+import (
+	"time"
+
+	"github.com/beego/beego/v2/client/orm"
+)
+
+// Supplier 供应商模型（对应表 yz_tenant_crm_supplier）
+type Supplier struct {
+	Id             string     `orm:"pk;size(36)" json:"id"`
+	TenantId       string     `orm:"column(tenant_id);size(64)" json:"tenant_id"`
+	SupplierName   string     `orm:"column(supplier_name);size(100)" json:"supplier_name"`
+	SupplierType   string     `orm:"column(supplier_type);size(20)" json:"supplier_type"`
+	ContactPerson  string     `orm:"column(contact_person);size(50)" json:"contact_person"`
+	ContactPhone   string     `orm:"column(contact_phone);size(20)" json:"contact_phone"`
+	ContactEmail   string     `orm:"column(contact_email);size(100);null" json:"contact_email"`
+	SupplierLevel  string     `orm:"column(supplier_level);size(20);null" json:"supplier_level"`
+	Industry       string     `orm:"column(industry);size(50);null" json:"industry"`
+	Address        string     `orm:"column(address);size(255);null" json:"address"`
+	RegisterTime   *time.Time `orm:"column(register_time);null;type(date)" json:"register_time"`
+	ExpireTime     *time.Time `orm:"column(expire_time);null;type(date)" json:"expire_time"`
+	Status         string     `orm:"column(status);size(20)" json:"status"`
+	Remark         string     `orm:"column(remark);type(text);null" json:"remark"`
+	CreateTime     time.Time  `orm:"column(create_time);type(datetime);auto_now_add" json:"create_time"`
+	UpdateTime     time.Time  `orm:"column(update_time);type(datetime);auto_now" json:"update_time"`
+	DeleteTime     *time.Time `orm:"column(delete_time);null;type(datetime)" json:"delete_time"`
+}
+
+func (t *Supplier) TableName() string {
+	return "yz_tenant_crm_supplier"
+}
+
+func init() {
+	orm.RegisterModel(new(Supplier))
+}
\ No newline at end of file
diff --git a/server/routers/router.go b/server/routers/router.go
index 862283d..eef2d5d 100644
--- a/server/routers/router.go
+++ b/server/routers/router.go
@@ -314,10 +314,30 @@ func init() {
 	// OA基础数据合并接口（一次性获取部门、职位、角色）
 	beego.Router("/api/oa/base-data/:tenantId", &controllers.OAController{}, "get:GetOABaseData")
 
-	// OA任务管理路由
-	beego.Router("/api/oa/tasks", &controllers.TaskController{}, "get:GetTasks;post:CreateTask")
-	beego.Router("/api/oa/tasks/:id", &controllers.TaskController{}, "get:GetTaskById;put:UpdateTask;delete:DeleteTask")
-	beego.Router("/api/oa/tasks/todo", &controllers.TaskController{}, "get:GetTodoTasks")
+  	// OA任务管理路由
+  	beego.Router("/api/oa/tasks", &controllers.TaskController{}, "get:GetTasks;post:CreateTask")
+  	beego.Router("/api/oa/tasks/:id", &controllers.TaskController{}, "get:GetTaskById;put:UpdateTask;delete:DeleteTask")
+  	beego.Router("/api/oa/tasks/todo", &controllers.TaskController{}, "get:GetTodoTasks")
+
+	// CRM 客户路由
+	beego.Router("/api/crm/customer/list", &controllers.CustomerController{}, "get:List")
+	beego.Router("/api/crm/customer/detail", &controllers.CustomerController{}, "get:Detail")
+	beego.Router("/api/crm/customer/add", &controllers.CustomerController{}, "post:Add")
+	beego.Router("/api/crm/customer/edit", &controllers.CustomerController{}, "post:Edit")
+	beego.Router("/api/crm/customer/delete", &controllers.CustomerController{}, "post:Delete")
+
+	// CRM 供应商路由
+	beego.Router("/api/crm/supplier/list", &controllers.SupplierController{}, "get:List")
+	beego.Router("/api/crm/supplier/detail", &controllers.SupplierController{}, "get:Detail")
+	beego.Router("/api/crm/supplier/add", &controllers.SupplierController{}, "post:Add")
+	beego.Router("/api/crm/supplier/edit", &controllers.SupplierController{}, "post:Edit")
+	beego.Router("/api/crm/supplier/delete", &controllers.SupplierController{}, "post:Delete")
+
+	// CRM 联系人路由
+	beego.Router("/api/crm/contact/list", &controllers.ContactController{}, "get:List")
+	beego.Router("/api/crm/contact/add", &controllers.ContactController{}, "post:Add")
+	beego.Router("/api/crm/contact/edit", &controllers.ContactController{}, "post:Edit")
+	beego.Router("/api/crm/contact/delete", &controllers.ContactController{}, "post:Delete")
 
 	// 权限管理路由
 	beego.Router("/api/permissions/menus", &controllers.PermissionController{}, "get:GetAllMenuPermissions")
diff --git a/server/services/contact.go b/server/services/contact.go
new file mode 100644
index 0000000..3d3dfa0
--- /dev/null
+++ b/server/services/contact.go
@@ -0,0 +1,64 @@
+package services
+
+import (
+	"errors"
+
+	"github.com/beego/beego/v2/client/orm"
+	"server/models"
+)
+
+func ListContacts(tenantId string, relatedType int, relatedId string) ([]models.Contact, error) {
+	o := orm.NewOrm()
+	var list []models.Contact
+	qs := o.QueryTable(new(models.Contact)).Filter("tenant_id", tenantId).Filter("related_type", relatedType).Filter("related_id", relatedId).Filter("is_deleted", 0)
+	_, err := qs.All(&list)
+	return list, err
+}
+
+func CreateContact(m *models.Contact) error {
+	if m.TenantId == "" || m.RelatedType == 0 || m.RelatedId == "" || m.ContactName == "" {
+		return errors.New("缺少必填参数")
+	}
+	o := orm.NewOrm()
+	// 若设为主联系人，则先清理同归属其他主联系人
+	if m.IsPrimary == 1 {
+		_, _ = o.QueryTable(new(models.Contact)).Filter("tenant_id", m.TenantId).Filter("related_type", m.RelatedType).Filter("related_id", m.RelatedId).Filter("is_deleted", 0).Update(orm.Params{"is_primary": 0})
+	}
+	_, err := o.Insert(m)
+	return err
+}
+
+func UpdateContact(m *models.Contact) error {
+	if m.Id == 0 {
+		return errors.New("id不能为空")
+	}
+	o := orm.NewOrm()
+	// 若设为主联系人，则先清理同归属其他主联系人
+	if m.IsPrimary == 1 {
+		// 需要获取原始记录以得到 tenant/related
+		var origin models.Contact
+		origin.Id = m.Id
+		if err := o.Read(&origin); err == nil {
+			_, _ = o.QueryTable(new(models.Contact)).Filter("tenant_id", origin.TenantId).Filter("related_type", origin.RelatedType).Filter("related_id", origin.RelatedId).Filter("id__ne", m.Id).Filter("is_deleted", 0).Update(orm.Params{"is_primary": 0})
+		}
+	}
+	_, err := o.Update(m, "contact_name", "gender", "mobile", "phone", "email", "position", "department", "is_primary", "remark")
+	return err
+}
+
+func DeleteContact(id int64, tenantId string) error {
+	if id == 0 {
+		return errors.New("id不能为空")
+	}
+	o := orm.NewOrm()
+	m := models.Contact{Id: id}
+	if err := o.Read(&m); err != nil {
+		return err
+	}
+	if m.TenantId != tenantId {
+		return errors.New("租户不匹配")
+	}
+	m.IsDeleted = 1
+	_, err := o.Update(&m, "is_primary", "is_deleted")
+	return err
+}
diff --git a/server/services/customer.go b/server/services/customer.go
new file mode 100644
index 0000000..81f0418
--- /dev/null
+++ b/server/services/customer.go
@@ -0,0 +1,79 @@
+package services
+
+import (
+    "time"
+
+    "server/models"
+
+    "github.com/beego/beego/v2/client/orm"
+)
+
+// ListCustomers 获取客户列表（可选租户过滤、关键词搜索、状态筛选、分页）
+func ListCustomers(tenantId, keyword, status string, page, pageSize int) (list []*models.Customer, total int64, err error) {
+    o := orm.NewOrm()
+    qs := o.QueryTable(new(models.Customer)).Filter("delete_time__isnull", true)
+    if tenantId != "" {
+        qs = qs.Filter("tenant_id", tenantId)
+    }
+    if keyword != "" {
+        cond := orm.NewCondition()
+        cond1 := cond.Or("customer_name__icontains", keyword).
+            Or("contact_person__icontains", keyword).
+            Or("contact_phone__icontains", keyword)
+        qs = qs.SetCond(cond1)
+    }
+    if status != "" {
+        qs = qs.Filter("status", status)
+    }
+
+    total, err = qs.Count()
+    if err != nil {
+        return
+    }
+    if page <= 0 {
+        page = 1
+    }
+    if pageSize <= 0 {
+        pageSize = 10
+    }
+    offset := (page - 1) * pageSize
+    _, err = qs.OrderBy("-create_time").Limit(pageSize, offset).All(&list)
+    return
+}
+
+// GetCustomer 通过ID获取客户
+func GetCustomer(id string) (*models.Customer, error) {
+    o := orm.NewOrm()
+    m := models.Customer{Id: id}
+    if err := o.Read(&m); err != nil {
+        return nil, err
+    }
+    return &m, nil
+}
+
+// CreateCustomer 新增客户
+func CreateCustomer(m *models.Customer) error {
+    o := orm.NewOrm()
+    _, err := o.Insert(m)
+    return err
+}
+
+// UpdateCustomer 更新客户（全量更新）
+func UpdateCustomer(m *models.Customer, cols ...string) error {
+    o := orm.NewOrm()
+    if len(cols) == 0 {
+        _, err := o.Update(m)
+        return err
+    }
+    _, err := o.Update(m, cols...)
+    return err
+}
+
+// SoftDeleteCustomer 软删除客户
+func SoftDeleteCustomer(id string) error {
+    o := orm.NewOrm()
+    now := time.Now()
+    m := models.Customer{Id: id, DeleteTime: &now}
+    _, err := o.Update(&m, "delete_time")
+    return err
+}
diff --git a/server/services/supplier.go b/server/services/supplier.go
new file mode 100644
index 0000000..e99150b
--- /dev/null
+++ b/server/services/supplier.go
@@ -0,0 +1,79 @@
+package services
+
+import (
+    "time"
+
+    "server/models"
+
+    "github.com/beego/beego/v2/client/orm"
+)
+
+// ListSuppliers 获取供应商列表（可选租户过滤、关键词搜索、状态筛选、分页）
+func ListSuppliers(tenantId, keyword, status string, page, pageSize int) (list []*models.Supplier, total int64, err error) {
+    o := orm.NewOrm()
+    qs := o.QueryTable(new(models.Supplier)).Filter("delete_time__isnull", true)
+    if tenantId != "" {
+        qs = qs.Filter("tenant_id", tenantId)
+    }
+    if keyword != "" {
+        cond := orm.NewCondition()
+        cond1 := cond.Or("supplier_name__icontains", keyword).
+            Or("contact_person__icontains", keyword).
+            Or("contact_phone__icontains", keyword)
+        qs = qs.SetCond(cond1)
+    }
+    if status != "" {
+        qs = qs.Filter("status", status)
+    }
+
+    total, err = qs.Count()
+    if err != nil {
+        return
+    }
+    if page <= 0 {
+        page = 1
+    }
+    if pageSize <= 0 {
+        pageSize = 10
+    }
+    offset := (page - 1) * pageSize
+    _, err = qs.OrderBy("-create_time").Limit(pageSize, offset).All(&list)
+    return
+}
+
+// GetSupplier 通过ID获取供应商
+func GetSupplier(id string) (*models.Supplier, error) {
+    o := orm.NewOrm()
+    m := models.Supplier{Id: id}
+    if err := o.Read(&m); err != nil {
+        return nil, err
+    }
+    return &m, nil
+}
+
+// CreateSupplier 新增供应商
+func CreateSupplier(m *models.Supplier) error {
+    o := orm.NewOrm()
+    _, err := o.Insert(m)
+    return err
+}
+
+// UpdateSupplier 更新供应商（全量更新）
+func UpdateSupplier(m *models.Supplier, cols ...string) error {
+    o := orm.NewOrm()
+    if len(cols) == 0 {
+        _, err := o.Update(m)
+        return err
+    }
+    _, err := o.Update(m, cols...)
+    return err
+}
+
+// SoftDeleteSupplier 软删除供应商
+func SoftDeleteSupplier(id string) error {
+    o := orm.NewOrm()
+    now := time.Now()
+    m := models.Supplier{Id: id, DeleteTime: &now}
+    _, err := o.Update(&m, "delete_time")
+    return err
+}