feat: 专利信息开发

src/api/index.ts

@@ -5,6 +5,7 @@ export * from './tech-resources'
 export * from './system'
 export * from './dashboard'
 export * from './upload'
+export * from './patent'
 
 // 导出请求方法
 export { get, post, put, del } from './request'

src/api/patent.ts

@@ -0,0 +1,202 @@
+// src/api/patent.ts
+
+// 专利信息接口 (对应 patent 表和 patent_talent 关联表)
+export interface Patent {
+  id: string
+  patentName: string
+  patentNumber: string
+  patentType: string // 专利类型
+  applicationTime: string
+  authorizationTime?: string | null // 允许为空
+  patentStatus: string // 专利状态
+  status?: number
+  flag: number
+  createTime: string
+  updateTime: string
+  createBy?: string
+  updateBy?: string
+  
+  // 关联的跨表字段（前端展示用）
+  talentId?: string
+  talentName?: string
+}
+
+// 分页查询参数
+export interface PatentPageParams {
+  pageNum: number
+  pageSize: number
+  patentName?: string
+  patentNumber?: string
+  patentType?: string
+  talentName?: string
+}
+
+// 新增/更新参数
+export interface PatentFormData {
+  id?: string
+  talentId: string // 关联人才
+  patentName: string
+  patentNumber: string
+  patentType: string
+  applicationTime: string
+  authorizationTime?: string | null
+  patentStatus: string
+}
+
+// 注意：这里不加 export，防止和 index.ts 里其他文件的同名接口冲突
+interface ApiResponse<T = unknown> {
+  code: number
+  message: string
+  data: T
+}
+
+interface PageResponse<T> {
+  records: T[]
+  total: number
+  size: number
+  current: number
+  pages: number
+}
+
+// ==================== Mock 数据 ====================
+const mockPatents: Patent[] = [
+  {
+    id: '1',
+    talentId: '1',
+    talentName: '张伟',
+    patentName: '一种基于深度学习的图像识别方法及系统',
+    patentNumber: 'CN202110123456.7',
+    patentType: 'INVENTION',
+    applicationTime: '2021-03-15 00:00:00',
+    authorizationTime: '2022-08-20 00:00:00',
+    patentStatus: 'AUTHORIZED',
+    status: 1,
+    flag: 0,
+    createTime: '2024-01-01 10:00:00',
+    updateTime: '2024-01-15 14:30:00',
+    createBy: 'admin',
+    updateBy: 'admin'
+  },
+  {
+    id: '2',
+    talentId: '2',
+    talentName: '李娜',
+    patentName: '一种新型散热计算机机箱',
+    patentNumber: 'CN202220987654.1',
+    patentType: 'UTILITY_MODEL',
+    applicationTime: '2022-05-10 00:00:00',
+    authorizationTime: null,
+    patentStatus: 'APPLYING',
+    status: 1,
+    flag: 0,
+    createTime: '2024-01-02 09:00:00',
+    updateTime: '2024-01-16 11:20:00',
+    createBy: 'admin',
+    updateBy: 'admin'
+  }
+]
+
+let mockIdCounter = 3
+const mockDelay = () => new Promise(resolve => setTimeout(resolve, 300))
+
+export async function getPatentPage(params: PatentPageParams) {
+  await mockDelay()
+  let filteredData = [...mockPatents]
+  
+  if (params.patentName) {
+    filteredData = filteredData.filter(item => item.patentName.includes(params.patentName!))
+  }
+  if (params.patentNumber) {
+    filteredData = filteredData.filter(item => item.patentNumber.includes(params.patentNumber!))
+  }
+  if (params.patentType) {
+    filteredData = filteredData.filter(item => item.patentType === params.patentType)
+  }
+  if (params.talentName) {
+    filteredData = filteredData.filter(item => item.talentName?.includes(params.talentName!))
+  }
+  
+  filteredData.sort((a, b) => b.applicationTime.localeCompare(a.applicationTime))
+  
+  const start = (params.pageNum - 1) * params.pageSize
+  const end = start + params.pageSize
+  const records = filteredData.slice(start, end)
+  
+  return {
+    data: {
+      code: 200,
+      message: '查询成功',
+      data: {
+        records,
+        total: filteredData.length,
+        size: params.pageSize,
+        current: params.pageNum,
+        pages: Math.ceil(filteredData.length / params.pageSize)
+      }
+    }
+  }
+}
+
+export async function getPatentDetail(id: string) {
+  await mockDelay()
+  const patent = mockPatents.find(item => item.id === id)
+  if (patent) {
+    return { data: { code: 200, message: '查询成功', data: patent } }
+  } else {
+    return { data: { code: 404, message: '未找到该专利', data: null } }
+  }
+}
+
+export async function addPatent(data: PatentFormData) {
+  await mockDelay()
+  const newPatent: Patent = {
+    ...data,
+    id: String(mockIdCounter++),
+    flag: 0,
+    createTime: new Date().toISOString().replace('T', ' ').substring(0, 19),
+    updateTime: new Date().toISOString().replace('T', ' ').substring(0, 19),
+    createBy: 'admin',
+    updateBy: 'admin',
+    talentName: '关联人才' // Mock时简单占位
+  } as Patent
+  mockPatents.unshift(newPatent)
+  return { data: { code: 200, message: '新增成功', data: null } }
+}
+
+export async function updatePatent(data: PatentFormData) {
+  await mockDelay()
+  const index = mockPatents.findIndex(item => item.id === data.id)
+  if (index !== -1) {
+    mockPatents[index] = {
+      ...mockPatents[index],
+      ...data,
+      updateTime: new Date().toISOString().replace('T', ' ').substring(0, 19),
+      updateBy: 'admin'
+    }
+    return { data: { code: 200, message: '修改成功', data: null } }
+  } else {
+    return { data: { code: 404, message: '未找到该专利', data: null } }
+  }
+}
+
+export async function deletePatent(id: string) {
+  await mockDelay()
+  const index = mockPatents.findIndex(item => item.id === id)
+  if (index !== -1) {
+    mockPatents.splice(index, 1)
+    return { data: { code: 200, message: '删除成功', data: null } }
+  } else {
+    return { data: { code: 404, message: '未找到该专利', data: null } }
+  }
+}
+
+export async function batchDeletePatent(ids: string[]) {
+  await mockDelay()
+  ids.forEach(id => {
+    const index = mockPatents.findIndex(item => item.id === id)
+    if (index !== -1) {
+      mockPatents.splice(index, 1)
+    }
+  })
+  return { data: { code: 200, message: '批量删除成功', data: null } }
+}

src/router/index.ts

@@ -218,6 +218,26 @@ const routes: Array<RouteRecordRaw> = [
         path: 'talent-resume/view/:id',
         name: 'admin-talent-resume-view',
         component: () => import('@/views/admin/tech-resources/talent-resume-form.vue')
+      },
+      {
+        path: 'tech-patents',
+        name: 'TechPatents',
+        component: () => import('@/views/admin/tech-resources/tech-patent.vue'),
+      },
+      {
+        path: 'tech-patents/create',
+        name: 'TechPatentsCreate',
+        component: () => import('@/views/admin/tech-resources/tech-patent-form.vue'),
+      },
+      {
+        path: 'tech-patents/edit/:id',
+        name: 'TechPatentsEdit',
+        component: () => import('@/views/admin/tech-resources/tech-patent-form.vue'),
+      },
+      {
+        path: 'tech-patents/view/:id',
+        name: 'TechPatentsView',
+        component: () => import('@/views/admin/tech-resources/tech-patent-form.vue'),
       }
     ]
   }

src/views/admin/tech-resources/tech-patent-form.vue

@@ -0,0 +1,139 @@
+<template>
+  <div class="tech-patents-form-container">
+    <el-card>
+      <template #header>
+        <div class="card-header">
+          <span>{{ isView ? '查看' : (formData.id ? '编辑' : '新增') }}专利</span>
+          <el-button @click="handleBack">返回</el-button>
+        </div>
+      </template>
+
+      <el-form ref="formRef" :model="formData" :rules="rules" label-width="120px" :disabled="isView">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="关联人才" prop="talentId">
+              <el-select v-model="formData.talentId" placeholder="请选择发明人" style="width: 100%" filterable>
+                <el-option v-for="t in talentList" :key="t.id" :label="t.name" :value="t.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="专利名称" prop="patentName">
+              <el-input v-model="formData.patentName" placeholder="请输入专利名称" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="专利号" prop="patentNumber">
+              <el-input v-model="formData.patentNumber" placeholder="请输入专利号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="专利类型" prop="patentType">
+              <el-select v-model="formData.patentType" placeholder="请选择类型" style="width: 100%">
+                <el-option label="发明专利" value="INVENTION" />
+                <el-option label="实用新型" value="UTILITY_MODEL" />
+                <el-option label="外观设计" value="DESIGN" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="申请时间" prop="applicationTime">
+              <el-date-picker v-model="formData.applicationTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="授权时间" prop="authorizationTime">
+              <el-date-picker v-model="formData.authorizationTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-form-item label="专利状态" prop="patentStatus">
+          <el-select v-model="formData.patentStatus" style="width: 300px">
+            <el-option label="申请中" value="APPLYING" />
+            <el-option label="已授权" value="AUTHORIZED" />
+            <el-option label="已失效" value="INVALID" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item v-if="!isView">
+          <el-button type="primary" @click="handleSubmit" :loading="submitting">提交</el-button>
+          <el-button @click="handleBack">取消</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus'
+import type { FormInstance, FormRules } from 'element-plus'
+import { getPatentDetail, addPatent, updatePatent, type PatentFormData } from '@/api/patent'
+
+defineOptions({ name: 'TechPatentsForm' })
+
+const router = useRouter()
+const route = useRoute()
+const formRef = ref<FormInstance>()
+const submitting = ref(false)
+const isView = ref(false)
+
+const talentList = ref([
+  { id: '1', name: '张伟' }, { id: '2', name: '李娜' }, { id: '3', name: '王强' }
+])
+
+const formData = reactive<PatentFormData>({
+  talentId: '', patentName: '', patentNumber: '', patentType: 'INVENTION',
+  patentStatus: 'APPLYING', applicationTime: '', authorizationTime: ''
+})
+
+const rules: FormRules = {
+  talentId: [{ required: true, message: '请选择关联人才', trigger: 'change' }],
+  patentName: [{ required: true, message: '请输入专利名称', trigger: 'blur' }],
+  patentNumber: [{ required: true, message: '请输入专利号', trigger: 'blur' }],
+  applicationTime: [{ required: true, message: '请选择申请时间', trigger: 'change' }]
+}
+
+const loadDetail = async (id: string) => {
+  try {
+    const { data } = await getPatentDetail(id)
+    if (data.code === 200) Object.assign(formData, data.data)
+  } catch (error) { ElMessage.error('加载失败') }
+}
+
+const handleSubmit = async () => {
+  if (!formRef.value) return
+  await formRef.value.validate(async (valid) => {
+    if (valid) {
+      submitting.value = true
+      try {
+        const apiFunc = formData.id ? updatePatent : addPatent
+        const { data } = await apiFunc(formData)
+        if (data.code === 200) { ElMessage.success('操作成功'); handleBack() }
+      } catch (error) { ElMessage.error('操作失败') }
+      finally { submitting.value = false }
+    }
+  })
+}
+
+const handleBack = () => router.push('/admin/tech-patents')
+
+onMounted(() => {
+  const id = route.params.id as string
+  isView.value = route.path.includes('/view/')
+  if (id) loadDetail(id)
+})
+</script>
+
+<style scoped>
+.tech-patents-form-container { padding: 20px; }
+.card-header { display: flex; justify-content: space-between; align-items: center; }
+</style>

src/views/admin/tech-resources/tech-patent.vue

@@ -0,0 +1,137 @@
+<template>
+  <div class="tech-patents-container">
+    <el-card>
+      <el-form :inline="true" :model="searchForm" class="search-form">
+        <el-form-item label="专利名称">
+          <el-input v-model="searchForm.patentName" placeholder="请输入专利名称" clearable />
+        </el-form-item>
+        <el-form-item label="专利号">
+          <el-input v-model="searchForm.patentNumber" placeholder="请输入专利号" clearable />
+        </el-form-item>
+        <el-form-item label="发明人">
+          <el-input v-model="searchForm.talentName" placeholder="请输入关联人才" clearable />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch">查询</el-button>
+          <el-button @click="handleReset">重置</el-button>
+        </el-form-item>
+      </el-form>
+
+      <div class="toolbar">
+        <el-button type="primary" @click="handleAdd">新增</el-button>
+        <el-button type="danger" :disabled="selectedIds.length === 0" @click="handleBatchDelete">批量删除</el-button>
+      </div>
+
+      <el-table :data="tableData" style="width: 100%" @selection-change="handleSelectionChange" v-loading="loading">
+        <el-table-column type="selection" width="55" />
+        <el-table-column prop="patentName" label="专利名称" min-width="200" show-overflow-tooltip />
+        <el-table-column prop="patentNumber" label="专利号" width="160" />
+        <el-table-column prop="talentName" label="发明人" width="120" />
+        <el-table-column label="申请时间" width="120">
+          <template #default="{ row }">
+            {{ formatDate(row.applicationTime) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="授权时间" width="120">
+          <template #default="{ row }">
+            {{ formatDate(row.authorizationTime) || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="180" fixed="right">
+          <template #default="{ row }">
+            <el-button link type="primary" @click="handleView(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>
+
+      <el-pagination
+        v-model:current-page="pagination.pageNum"
+        v-model:page-size="pagination.pageSize"
+        :page-sizes="[10, 20, 50, 100]"
+        :total="pagination.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        class="pagination"
+      />
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import { useRouter } from 'vue-router'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import {
+  getPatentPage, deletePatent, batchDeletePatent, type Patent, type PatentPageParams
+} from '@/api/patent'
+
+defineOptions({ name: 'TechPatents' })
+
+const router = useRouter()
+const searchForm = reactive<Partial<PatentPageParams>>({ patentName: '', patentNumber: '', talentName: '' })
+const pagination = reactive({ pageNum: 1, pageSize: 10, total: 0 })
+const tableData = ref<Patent[]>([])
+const loading = ref(false)
+const selectedIds = ref<string[]>([])
+
+const formatDate = (dateStr?: string | null) => {
+  if (!dateStr) return ''
+  return dateStr.substring(0, 10)
+}
+
+const loadData = async () => {
+  loading.value = true
+  try {
+    const params = { pageNum: pagination.pageNum, pageSize: pagination.pageSize, ...searchForm }
+    const { data } = await getPatentPage(params)
+    if (data.code === 200) {
+      tableData.value = data.data.records
+      pagination.total = data.data.total
+    }
+  } catch (error) {
+    ElMessage.error('加载失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleSearch = () => { pagination.pageNum = 1; loadData() }
+const handleReset = () => { Object.assign(searchForm, { patentName: '', patentNumber: '', talentName: '' }); handleSearch() }
+
+// 注意这里的跳转路径，全都是 tech-patents 相关的
+const handleAdd = () => router.push('/admin/tech-patents/create')
+const handleView = (row: Patent) => router.push(`/admin/tech-patents/view/${row.id}`)
+const handleEdit = (row: Patent) => router.push(`/admin/tech-patents/edit/${row.id}`)
+
+const handleDelete = async (row: Patent) => {
+  try {
+    await ElMessageBox.confirm('确定要删除该专利吗？', '提示', { type: 'warning' })
+    const { data } = await deletePatent(row.id)
+    if (data.code === 200) { ElMessage.success('删除成功'); loadData() }
+  } catch (e) { /* catch cancel */ }
+}
+
+const handleBatchDelete = async () => {
+  try {
+    await ElMessageBox.confirm('确定要删除选中记录吗？', '提示', { type: 'warning' })
+    const { data } = await batchDeletePatent(selectedIds.value)
+    if (data.code === 200) { ElMessage.success('删除成功'); selectedIds.value = []; loadData() }
+  } catch (e) { /* catch cancel */ }
+}
+
+const handleSelectionChange = (selection: Patent[]) => { selectedIds.value = selection.map(item => item.id) }
+const handleSizeChange = () => loadData()
+const handleCurrentChange = () => loadData()
+
+onMounted(() => loadData())
+</script>
+
+<style scoped>
+.tech-patents-container { padding: 20px; }
+.search-form { margin-bottom: 20px; }
+.toolbar { margin-bottom: 20px; }
+.pagination { margin-top: 20px; justify-content: flex-end; }
+</style>