98:I[903690,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1o28vbpztq9d-.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2l2pywawrqib6.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/22hg1dv7sryga.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0y0_nbp79fl4m.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0tk0ui75ekja5.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/35xb8ejlhfki4.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1658f4vha4vim.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1g6ffz-mb5ddb.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/06fsnp71_5bsd.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1hqlktk7lfas0.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/29ozk3d3m9hbo.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3zy-fggddgwot.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/00xcq1hxyca_i.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3ozpl0vnjpsf6.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0ri2k1_yh_pol.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3yhr6dplzvib8.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/29jt0k3ejw_02.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp"],"ExplicitChatIdProvider"] 99:I[838238,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1o28vbpztq9d-.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2l2pywawrqib6.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/22hg1dv7sryga.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0y0_nbp79fl4m.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0tk0ui75ekja5.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/35xb8ejlhfki4.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1658f4vha4vim.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1g6ffz-mb5ddb.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/06fsnp71_5bsd.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1hqlktk7lfas0.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/29ozk3d3m9hbo.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3zy-fggddgwot.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/00xcq1hxyca_i.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3ozpl0vnjpsf6.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0ri2k1_yh_pol.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3yhr6dplzvib8.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/29jt0k3ejw_02.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp"],"SWRDataProvider"] 9b:[] 9c:[["b_0A3d2RKA1TE",null],["b_SlbS7gA001U",null],["b_3EwlD7Sz7bK",null],["b_mlWoJD5sb1F",null],["b_6PiaeSqcIv6",null]] 9d:[["b_0A3d2RKA1TE",{"templateVersionId":null,"templateCanonId":null}],["b_SlbS7gA001U",{"templateVersionId":null,"templateCanonId":null}],["b_3EwlD7Sz7bK",{"templateVersionId":null,"templateCanonId":null}],["b_mlWoJD5sb1F",{"templateVersionId":null,"templateCanonId":null}],["b_6PiaeSqcIv6",{"templateVersionId":null,"templateCanonId":null}]] 9e:[["b_4cMN0vzglOD","$D2025-10-25T04:07:53.428Z"],["b_MvDVXL9q0WO","$D2025-10-25T04:12:15.465Z"],["b_ZIUj5WKvEj2","$D2025-10-25T04:13:30.664Z"],["b_iZzGUC1m4GW","$D2025-10-25T04:15:42.240Z"],["b_oGmpZBzsyZa","$D2025-10-25T04:17:22.547Z"],["b_cmFMxLTkAyI","$D2025-10-25T04:19:27.676Z"],["b_li7UMPEB3vR","$D2025-10-25T04:25:54.179Z"],["b_kCHr4VXw16E","$D2025-10-25T04:33:15.224Z"],["b_wONKt6OgY2C","$D2025-10-25T04:40:13.112Z"],["b_dGXD9Wm7ruT","$D2025-10-25T04:45:37.598Z"],["b_Y5rYNLFQxHZ","$D2025-10-25T04:50:08.119Z"],["b_0I0z9lCLl4Z","$D2025-10-26T06:23:39.541Z"],["b_wQrKEqaX2X5","$D2025-10-26T06:45:13.551Z"],["b_byR6V2XVV9b","$D2025-11-10T14:32:56.341Z"],["b_BqIfVupPNoW","$D2025-11-10T14:35:54.547Z"],["b_PnbIIoVdvPT","$D2025-11-10T14:40:17.950Z"],["b_BsF0l964rnR","$D2025-11-10T14:43:11.231Z"],["b_9tEfTL06yWv","$D2025-11-10T14:45:15.208Z"],["b_oELeONnqgA2","$D2025-11-10T14:50:48.770Z"],["b_0n7Vj85Y9aZ","$D2025-11-10T14:58:31.490Z"],["b_f93qsDriZBQ","$D2025-11-28T14:53:27.814Z"],["b_s0P7q6CtB6j","$D2025-11-28T15:03:14.585Z"],["b_QUikrEh97NV","$D2025-11-28T15:10:42.516Z"],["b_lyXYkk7pkNe","$D2025-11-28T16:14:32.249Z"],["b_u8BchtlaoGG","$D2025-11-28T16:20:35.865Z"],["b_9mV89swGLvu","$D2025-11-30T11:10:01.397Z"],["b_no0A33hUGM6","$D2025-11-30T11:14:36.244Z"],["b_QXH9jwm204b","$D2025-12-10T02:09:31.510Z"],["b_cckD1o4SGXj","$D2025-12-10T02:18:10.393Z"],["b_JGPrFW4Y2VQ","$D2025-12-10T02:23:08.262Z"],["b_spxrbPSRen1","$D2025-12-10T02:24:04.308Z"],["b_22IEOHUvXAN","$D2025-12-10T02:25:25.805Z"],["b_qjSBVh6FMpy","$D2025-12-18T02:29:00.105Z"],["b_yp43Qw7tCon","$D2025-12-18T02:35:06.096Z"],["b_oIq0qfZqE6Z","$D2025-12-18T02:36:09.869Z"],["b_p3D1VCmmHCw","$D2025-12-18T02:37:01.676Z"],["b_dms3i4geqdc","$D2025-12-18T02:42:10.226Z"],["b_vvaKRTJ32Vg","$D2025-12-18T02:45:00.964Z"],["b_vJCZ1EIFy1p","$D2025-12-18T03:17:55.455Z"],["b_0VMEkx5h6ep","$D2025-12-24T14:01:35.143Z"],["b_YJ5G6Sg6PK4","$D2025-12-25T03:09:34.523Z"],["b_k2p9lt2QZNB","$D2025-12-26T05:21:02.105Z"],["b_mi8hMZ1frSv","$D2026-04-27T03:26:53.936Z"],["b_ax4YoW3WDWx","$D2026-04-27T03:27:39.818Z"],["b_2cm2VLEWlzq","$D2026-04-27T03:27:49.447Z"],["b_vIGeGisfEgL","$D2026-04-27T03:28:22.775Z"],["b_lgK8ctgkwWr","$D2026-04-27T03:29:21.007Z"],["b_HfAnxEQ3HWM","$D2026-04-27T03:29:47.790Z"],["b_tdp1qhNEKPd","$D2026-04-27T03:30:22.878Z"],["b_vuGsvXmKlh1","$D2026-04-27T03:30:54.883Z"],["b_dJzGHuyzzRF","$D2026-04-27T03:31:25.481Z"],["b_99zEXviDgVF","$D2026-05-25T05:15:11.258Z"],["b_Zv8f4vTP2U2","$D2026-05-25T05:17:41.312Z"],["b_PlsAv8NQaqF","$D2026-05-25T05:22:25.485Z"],["b_VQKVqOE73dx","$D2026-05-25T05:23:49.775Z"],["b_p9cw4lycymA","$D2026-05-25T05:24:16.528Z"],["b_zSPnRir7oUm","$D2026-06-04T01:11:47.992Z"],["b_oRJiX7ztnai","$D2026-06-04T01:12:08.758Z"],["b_F33k0Gjj9bF","$D2026-06-04T01:12:28.974Z"],["b_xZSai3mlP1Z","$D2026-06-04T01:15:56.588Z"],["b_e5bUyotMESQ","$D2026-06-04T01:17:12.523Z"],["b_0A3d2RKA1TE","$D2026-06-04T01:24:41.610Z"],["b_SlbS7gA001U","$D2026-06-04T01:26:06.650Z"],["b_3EwlD7Sz7bK","$D2026-06-04T01:26:23.363Z"],["b_mlWoJD5sb1F","$D2026-06-04T01:26:38.435Z"],["b_6PiaeSqcIv6","$D2026-06-04T01:32:48.233Z"]] 9f:[["b_0A3d2RKA1TE",false],["b_SlbS7gA001U",false],["b_3EwlD7Sz7bK",false],["b_mlWoJD5sb1F",false],["b_6PiaeSqcIv6",false]] a0:[["b_0A3d2RKA1TE","$undefined"],["b_SlbS7gA001U","$undefined"],["b_3EwlD7Sz7bK","$undefined"],["b_mlWoJD5sb1F","$undefined"],["b_6PiaeSqcIv6","$undefined"]] a1:[["b_0A3d2RKA1TE",null],["b_SlbS7gA001U",null],["b_3EwlD7Sz7bK",null],["b_mlWoJD5sb1F",null],["b_6PiaeSqcIv6",null]] a2:[["b_0A3d2RKA1TE",true],["b_SlbS7gA001U",true],["b_3EwlD7Sz7bK",true],["b_mlWoJD5sb1F",true],["b_6PiaeSqcIv6",true]] a3:[["b_0A3d2RKA1TE",true],["b_SlbS7gA001U",true],["b_3EwlD7Sz7bK",true],["b_mlWoJD5sb1F",true],["b_6PiaeSqcIv6",true]] a4:[] a5:T158d10,[V0_FILE]css:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.98 0.005 240); --foreground: oklch(0.2 0.02 240); --card: oklch(1 0 0); --card-foreground: oklch(0.2 0.02 240); --popover: oklch(1 0 0); --popover-foreground: oklch(0.2 0.02 240); --primary: oklch(0.35 0.12 250); --primary-foreground: oklch(0.98 0.005 240); --secondary: oklch(0.92 0.01 240); --secondary-foreground: oklch(0.25 0.02 240); --muted: oklch(0.95 0.005 240); --muted-foreground: oklch(0.5 0.01 240); --accent: oklch(0.45 0.15 220); --accent-foreground: oklch(0.98 0.005 240); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.98 0.005 240); --border: oklch(0.88 0.01 240); --input: oklch(0.88 0.01 240); --ring: oklch(0.35 0.12 250); --chart-1: oklch(0.45 0.15 220); --chart-2: oklch(0.55 0.18 200); --chart-3: oklch(0.65 0.12 260); --chart-4: oklch(0.5 0.2 180); --chart-5: oklch(0.6 0.15 240); --radius: 0.5rem; --sidebar: oklch(0.25 0.08 250); --sidebar-foreground: oklch(0.95 0.005 240); --sidebar-primary: oklch(0.45 0.15 220); --sidebar-primary-foreground: oklch(0.98 0.005 240); --sidebar-accent: oklch(0.35 0.1 250); --sidebar-accent-foreground: oklch(0.95 0.005 240); --sidebar-border: oklch(0.3 0.08 250); --sidebar-ring: oklch(0.45 0.15 220); } .dark { --background: oklch(0.15 0.02 240); --foreground: oklch(0.95 0.005 240); --card: oklch(0.18 0.02 240); --card-foreground: oklch(0.95 0.005 240); --popover: oklch(0.18 0.02 240); --popover-foreground: oklch(0.95 0.005 240); --primary: oklch(0.55 0.15 220); --primary-foreground: oklch(0.98 0.005 240); --secondary: oklch(0.25 0.02 240); --secondary-foreground: oklch(0.95 0.005 240); --muted: oklch(0.22 0.02 240); --muted-foreground: oklch(0.6 0.01 240); --accent: oklch(0.45 0.15 220); --accent-foreground: oklch(0.98 0.005 240); --destructive: oklch(0.5 0.2 27.325); --destructive-foreground: oklch(0.98 0.005 240); --border: oklch(0.25 0.02 240); --input: oklch(0.25 0.02 240); --ring: oklch(0.55 0.15 220); --chart-1: oklch(0.45 0.15 220); --chart-2: oklch(0.55 0.18 200); --chart-3: oklch(0.65 0.12 260); --chart-4: oklch(0.5 0.2 180); --chart-5: oklch(0.6 0.15 240); --sidebar: oklch(0.2 0.02 240); --sidebar-foreground: oklch(0.95 0.005 240); --sidebar-primary: oklch(0.55 0.15 220); --sidebar-primary-foreground: oklch(0.98 0.005 240); --sidebar-accent: oklch(0.25 0.02 240); --sidebar-accent-foreground: oklch(0.95 0.005 240); --sidebar-border: oklch(0.25 0.02 240); --sidebar-ring: oklch(0.55 0.15 220); } @theme inline { --font-sans: "Geist", "Geist Fallback"; --font-mono: "Geist Mono", "Geist Mono Fallback"; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.0", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/patent/change/page.tsx" isMerged="true" "use client" import { useState } from "react" import { SidebarNav } from "@/components/sidebar-nav" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Badge } from "@/components/ui/badge" import { Search, FileEdit, Eye } from "lucide-react" export default function PatentChangePage() { const [selectedPatent, setSelectedPatent] = useState(null) const patents = [ { id: "P2024001", title: "一种基于深度学习的图像识别方法", type: "发明专利", status: "已授权", applicationDate: "2024-01-15", }, { id: "P2024002", title: "智能传感器装置", type: "实用新型", status: "实质审查", applicationDate: "2024-02-20", }, { id: "P2024003", title: "数据处理系统及方法", type: "发明专利", status: "已授权", applicationDate: "2024-03-10", }, ] return (

专利变更

申请专利信息变更，包括发明人、权利人等

选择专利搜索并选择需要变更的专利

{patents.map((patent) => (

setSelectedPatent(patent.id)} >

{patent.title}

{patent.id} • {patent.type}

{patent.status}

))}

{selectedPatent && ( 专利详情当前选中专利的基本信息

申请号

P2024001

专利名称

一种基于深度学习的图像识别方法

专利类型

发明专利

申请日期

2024-01-15

当前发明人

张三、李四、王五

专利权人

某某大学

)}

{selectedPatent && ( 变更申请填写变更信息并提交审核

变更类型

变更原因

</div>

<div className="space-y-2">
                  <Label htmlFor="supporting-docs">支持文件</Label>
                  <div className="rounded-lg border-2 border-dashed border-border p-8 text-center">
                    <FileEdit className="mx-auto h-8 w-8 text-muted-foreground" />
                    <div className="mt-2">
                      <Button variant="outline" size="sm">
                        上传文件
                      </Button>
                    </div>
                    <p className="mt-2 text-xs text-muted-foreground">请上传变更证明文件（如身份证明、授权书等）</p>
                  </div>
                </div>

<div className="flex justify-end gap-4">
                  <Button variant="outline">保存草稿</Button>
                  <Button>提交变更申请</Button>
                </div>
              </CardContent>
            </Card>
          )}
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/patent/change/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/copyright/manage/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/copyright/change/page.tsx" isMerged="true"
"use client"

import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"

export default function CopyrightChangePage() {
  return (
    <div className="flex h-screen">
      <SidebarNav />
      <div className="flex-1 overflow-y-auto">
        <div className="border-b border-border bg-card px-8 py-6">
          <h1 className="text-2xl font-semibold text-card-foreground">软著变更</h1>
          <p className="mt-1 text-sm text-muted-foreground">申请软件著作权信息变更</p>
        </div>

<div className="p-8">
          <Card>
            <CardHeader>
              <CardTitle>变更申请</CardTitle>
              <CardDescription>填写软著变更信息</CardDescription>
            </CardHeader>
            <CardContent className="space-y-6">
              <div className="space-y-2">
                <Label htmlFor="copyright-id">软著登记号</Label>
                <Input id="copyright-id" placeholder="请输入软著登记号" />
              </div>

<div className="space-y-2">
                <Label htmlFor="change-type">变更类型</Label>
                <Select>
                  <SelectTrigger id="change-type">
                    <SelectValue placeholder="选择变更类型" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="owner">著作权人变更</SelectItem>
                    <SelectItem value="name">软件名称变更</SelectItem>
                    <SelectItem value="version">版本号变更</SelectItem>
                    <SelectItem value="other">其他变更</SelectItem>
                  </SelectContent>
                </Select>
              </div>

<div className="flex justify-end gap-4">
                <Button variant="outline">取消</Button>
                <Button>提交变更</Button>
              </div>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/agency/patent/page.tsx" isMerged="true"
"use client"

import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Badge } from "@/components/ui/badge"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Search, Plus, Eye, FileEdit, TrendingUp, AlertCircle } from "lucide-react"

export default function PatentAgencyPage() {
  const agencyRecords = [
    {
      id: "PA2024001",
      patentName: "一种基于深度学习的图像识别方法",
      patentId: "P2024001",
      agency: "北京知识产权代理有限公司",
      agent: "张律师",
      status: "进行中",
      stage: "实质审查",
      startDate: "2024-01-15",
      estimatedCompletion: "2024-12-15",
    },
    {
      id: "PA2024002",
      patentName: "智能传感器装置",
      patentId: "P2024002",
      agency: "上海专利事务所",
      agent: "李工程师",
      status: "已完成",
      stage: "已授权",
      startDate: "2024-02-20",
      estimatedCompletion: "2024-08-20",
    },
    {
      id: "PA2024003",
      patentName: "数据处理系统及方法",
      patentId: "P2024003",
      agency: "深圳知产代理中心",
      agent: "王律师",
      status: "进行中",
      stage: "初步审查",
      startDate: "2024-03-10",
      estimatedCompletion: "2025-03-10",
    },
  ]

<div className="p-8">
          <div className="mb-6 grid gap-6 md:grid-cols-4">
            <Card>
              <CardHeader className="pb-3">
                <CardDescription>代理中专利</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">12</div>
                  <div className="text-sm text-blue-600">进行中</div>
                </div>
              </CardContent>
            </Card>

<Card className="mb-6">
            <CardHeader>
              <div className="flex items-center justify-between">
                <div>
                  <CardTitle>代理记录</CardTitle>
                  <CardDescription>查看所有专利代理进度</CardDescription>
                </div>
                <div className="flex gap-2">
                  <Input placeholder="搜索专利名称或代理机构" className="w-64" />
                  <Button variant="outline">
                    <Search className="h-4 w-4" />
                  </Button>
                </div>
              </div>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>代理编号</TableHead>
                    <TableHead>专利名称</TableHead>
                    <TableHead>代理机构</TableHead>
                    <TableHead>代理人</TableHead>
                    <TableHead>当前阶段</TableHead>
                    <TableHead>状态</TableHead>
                    <TableHead>预计完成</TableHead>
                    <TableHead className="text-right">操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {agencyRecords.map((record) => (
                    <TableRow key={record.id}>
                      <TableCell className="font-medium">{record.id}</TableCell>
                      <TableCell>
                        <div>
                          <div className="font-medium">{record.patentName}</div>
                          <div className="text-xs text-muted-foreground">{record.patentId}</div>
                        </div>
                      </TableCell>
                      <TableCell>{record.agency}</TableCell>
                      <TableCell>{record.agent}</TableCell>
                      <TableCell>
                        <Badge variant="outline">{record.stage}</Badge>
                      </TableCell>
                      <TableCell>
                        <Badge variant={record.status === "已完成" ? "default" : "secondary"}>{record.status}</Badge>
                      </TableCell>
                      <TableCell>{record.estimatedCompletion}</TableCell>
                      <TableCell className="text-right">
                        <div className="flex justify-end gap-2">
                          <Button variant="ghost" size="sm">
                            <Eye className="h-4 w-4" />
                          </Button>
                          <Button variant="ghost" size="sm">
                            <FileEdit className="h-4 w-4" />
                          </Button>
                        </div>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>

<div className="grid gap-6 lg:grid-cols-2">
            <Card>
              <CardHeader>
                <CardTitle>进度提醒</CardTitle>
                <CardDescription>需要关注的代理事项</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="space-y-4">
                  {[
                    {
                      title: "专利P2024001 - 即将进入答复期",
                      type: "紧急",
                      time: "3天后",
                      icon: AlertCircle,
                      color: "text-red-600",
                    },
                    {
                      title: "专利P2024005 - 代理费用即将到期",
                      type: "提醒",
                      time: "7天后",
                      icon: TrendingUp,
                      color: "text-orange-600",
                    },
                    {
                      title: "专利P2024008 - 审查意见已收到",
                      type: "待处理",
                      time: "1天前",
                      icon: AlertCircle,
                      color: "text-blue-600",
                    },
                  ].map((item, i) => {
                    const Icon = item.icon
                    return (
                      <div key={i} className="flex items-start gap-3 rounded-lg border border-border p-3">
                        <Icon className={`mt-0.5 h-5 w-5 ${item.color}`} />
                        <div className="flex-1">
                          <div className="font-medium text-foreground">{item.title}</div>
                          <div className="mt-1 flex items-center gap-2 text-sm text-muted-foreground">
                            <Badge variant="outline" className="text-xs">
                              {item.type}
                            </Badge>
                            <span>{item.time}</span>
                          </div>
                        </div>
                      </div>
                    )
                  })}
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader>
                <CardTitle>代理机构表现</CardTitle>
                <CardDescription>合作代理机构的服务质量</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="space-y-4">
                  {[
                    { name: "北京知识产权代理有限公司", cases: 15, success: 93, rating: 4.8 },
                    { name: "上海专利事务所", cases: 12, success: 88, rating: 4.5 },
                    { name: "深圳知产代理中心", cases: 8, success: 90, rating: 4.6 },
                  ].map((agency, i) => (
                    <div key={i} className="space-y-2 rounded-lg border border-border p-4">
                      <div className="flex items-center justify-between">
                        <div className="font-medium text-foreground">{agency.name}</div>
                        <Badge variant="default">{agency.rating}分</Badge>
                      </div>
                      <div className="flex gap-4 text-sm text-muted-foreground">
                        <span>代理案件: {agency.cases}</span>
                        <span>•</span>
                        <span>成功率: {agency.success}%</span>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/agency/patent/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/agency/manage/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/agency/agents/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/bigdata/sync/page.tsx" isMerged="true"
"use client"

export default function BigDataSyncPage() {
  const [isSyncing, setIsSyncing] = useState(false)

const syncRecords = [
    {
      id: "SYNC001",
      type: "专利状态更新",
      startTime: "2025-01-25 09:00:00",
      endTime: "2025-01-25 09:15:23",
      records: 1234,
      status: "成功",
      duration: "15分23秒",
    },
    {
      id: "SYNC002",
      type: "年费缴纳信息",
      startTime: "2025-01-24 14:30:00",
      endTime: "2025-01-24 14:42:15",
      records: 856,
      status: "成功",
      duration: "12分15秒",
    },
    {
      id: "SYNC003",
      type: "审查意见同步",
      startTime: "2025-01-23 10:00:00",
      endTime: "2025-01-23 10:05:45",
      records: 342,
      status: "成功",
      duration: "5分45秒",
    },
    {
      id: "SYNC004",
      type: "专利法律状态",
      startTime: "2025-01-22 16:00:00",
      endTime: "-",
      records: 0,
      status: "失败",
      duration: "-",
    },
  ]

const dataCategories = [
    { name: "专利基本信息", count: 1234, lastSync: "2小时前", status: "正常" },
    { name: "法律状态", count: 1234, lastSync: "2小时前", status: "正常" },
    { name: "年费信息", count: 1234, lastSync: "1天前", status: "正常" },
    { name: "审查意见", count: 342, lastSync: "2天前", status: "待更新" },
    { name: "著录项目变更", count: 156, lastSync: "3天前", status: "待更新" },
    { name: "专利权转移", count: 89, lastSync: "1周前", status: "待更新" },
  ]

<Card>
              <CardHeader className="pb-3">
                <CardDescription>同步成功率</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">98.5%</div>
                  <CheckCircle2 className="h-5 w-5 text-green-600" />
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <CardDescription>待更新数据</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">587</div>
                  <div className="text-sm text-orange-600">需同步</div>
                </div>
              </CardContent>
            </Card>
          </div>

{isSyncing && (
            <Card className="mb-6">
              <CardHeader>
                <CardTitle>同步进度</CardTitle>
                <CardDescription>正在从国知局同步数据...</CardDescription>
              </CardHeader>
              <CardContent className="space-y-4">
                <div className="space-y-2">
                  <div className="flex items-center justify-between text-sm">
                    <span className="text-foreground">专利基本信息</span>
                    <span className="text-muted-foreground">856 / 1234</span>
                  </div>
                  <Progress value={69} className="h-2" />
                </div>
                <div className="space-y-2">
                  <div className="flex items-center justify-between text-sm">
                    <span className="text-foreground">法律状态更新</span>
                    <span className="text-muted-foreground">342 / 1234</span>
                  </div>
                  <Progress value={28} className="h-2" />
                </div>
                <div className="space-y-2">
                  <div className="flex items-center justify-between text-sm">
                    <span className="text-foreground">年费缴纳信息</span>
                    <span className="text-muted-foreground">123 / 1234</span>
                  </div>
                  <Progress value={10} className="h-2" />
                </div>
              </CardContent>
            </Card>
          )}

<Card className="mb-6">
            <CardHeader>
              <CardTitle>数据分类统计</CardTitle>
              <CardDescription>各类专利数据的同步状态</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
                {dataCategories.map((category, i) => (
                  <div key={i} className="flex items-start gap-4 rounded-lg border border-border p-4">
                    <div className="rounded-lg bg-primary/10 p-3">
                      <Database className="h-5 w-5 text-primary" />
                    </div>
                    <div className="flex-1">
                      <div className="flex items-center justify-between">
                        <div className="font-medium text-foreground">{category.name}</div>
                        <Badge variant={category.status === "正常" ? "default" : "secondary"} className="text-xs">
                          {category.status}
                        </Badge>
                      </div>
                      <div className="mt-1 text-2xl font-bold text-foreground">{category.count}</div>
                      <div className="mt-1 flex items-center gap-1 text-xs text-muted-foreground">
                        <Clock className="h-3 w-3" />
                        <span>上次同步: {category.lastSync}</span>
                      </div>
                    </div>
                  </div>
                ))}
              </div>
            </CardContent>
          </Card>

<Card>
            <CardHeader>
              <CardTitle>同步历史</CardTitle>
              <CardDescription>查看历史同步记录</CardDescription>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>同步编号</TableHead>
                    <TableHead>同步类型</TableHead>
                    <TableHead>开始时间</TableHead>
                    <TableHead>结束时间</TableHead>
                    <TableHead>同步记录数</TableHead>
                    <TableHead>耗时</TableHead>
                    <TableHead>状态</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {syncRecords.map((record) => (
                    <TableRow key={record.id}>
                      <TableCell className="font-medium">{record.id}</TableCell>
                      <TableCell>{record.type}</TableCell>
                      <TableCell className="text-sm">{record.startTime}</TableCell>
                      <TableCell className="text-sm">{record.endTime}</TableCell>
                      <TableCell>{record.records.toLocaleString()}</TableCell>
                      <TableCell>{record.duration}</TableCell>
                      <TableCell>
                        <div className="flex items-center gap-2">
                          {record.status === "成功" ? (
                            <>
                              <CheckCircle2 className="h-4 w-4 text-green-600" />
                              <Badge variant="default">成功</Badge>
                            </>
                          ) : (
                            <>
                              <AlertCircle className="h-4 w-4 text-red-600" />
                              <Badge variant="destructive">失败</Badge>
                            </>
                          )}
                        </div>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/bigdata/sync/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/bigdata/compare/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/bigdata/payment/page.tsx" isMerged="true"
"use client"

import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Badge } from "@/components/ui/badge"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Search, Bell, Download, AlertCircle, CheckCircle2, Clock } from "lucide-react"

export default function PaymentMonitorPage() {
  const upcomingPayments = [
    {
      patentId: "P2024001",
      patentName: "一种基于深度学习的图像识别方法",
      year: "第3年",
      amount: "900",
      dueDate: "2025-02-15",
      daysLeft: 21,
      status: "即将到期",
    },
    {
      patentId: "P2024005",
      patentName: "智能传感器装置",
      year: "第2年",
      amount: "600",
      dueDate: "2025-02-28",
      daysLeft: 34,
      status: "正常",
    },
    {
      patentId: "P2024008",
      patentName: "数据处理系统",
      year: "第4年",
      amount: "1200",
      dueDate: "2025-03-10",
      daysLeft: 44,
      status: "正常",
    },
  ]

const paymentHistory = [
    {
      id: "PAY001",
      patentId: "P2023045",
      patentName: "图像识别算法",
      year: "第2年",
      amount: "600",
      paymentDate: "2025-01-15",
      status: "已缴纳",
    },
    {
      id: "PAY002",
      patentId: "P2023067",
      patentName: "智能控制方法",
      year: "第3年",
      amount: "900",
      paymentDate: "2025-01-10",
      status: "已缴纳",
    },
    {
      id: "PAY003",
      patentId: "P2023089",
      patentName: "数据加密系统",
      year: "第1年",
      amount: "300",
      paymentDate: "2025-01-05",
      status: "已缴纳",
    },
  ]

<Card>
              <CardHeader className="pb-3">
                <CardDescription>年度总支出</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">¥48K</div>
                </div>
                <div className="mt-1 text-xs text-muted-foreground">2025年累计</div>
              </CardContent>
            </Card>
          </div>

<TabsContent value="upcoming">
              <Card>
                <CardHeader>
                  <div className="flex items-center justify-between">
                    <div>
                      <CardTitle>待缴费用列表</CardTitle>
                      <CardDescription>即将到期的专利年费</CardDescription>
                    </div>
                    <div className="flex gap-2">
                      <Input placeholder="搜索专利名称或编号" className="w-64" />
                      <Button variant="outline">
                        <Search className="h-4 w-4" />
                      </Button>
                    </div>
                  </div>
                </CardHeader>
                <CardContent>
                  <Table>
                    <TableHeader>
                      <TableRow>
                        <TableHead>专利编号</TableHead>
                        <TableHead>专利名称</TableHead>
                        <TableHead>年费年度</TableHead>
                        <TableHead>应缴金额</TableHead>
                        <TableHead>到期日期</TableHead>
                        <TableHead>剩余天数</TableHead>
                        <TableHead>状态</TableHead>
                        <TableHead className="text-right">操作</TableHead>
                      </TableRow>
                    </TableHeader>
                    <TableBody>
                      {upcomingPayments.map((payment) => (
                        <TableRow key={payment.patentId}>
                          <TableCell className="font-medium">{payment.patentId}</TableCell>
                          <TableCell>{payment.patentName}</TableCell>
                          <TableCell>{payment.year}</TableCell>
                          <TableCell className="font-medium">¥{payment.amount}</TableCell>
                          <TableCell>{payment.dueDate}</TableCell>
                          <TableCell>
                            <div className="flex items-center gap-2">
                              <Clock className="h-4 w-4 text-muted-foreground" />
                              <span>{payment.daysLeft}天</span>
                            </div>
                          </TableCell>
                          <TableCell>
                            <Badge variant={payment.status === "即将到期" ? "destructive" : "secondary"}>
                              {payment.status}
                            </Badge>
                          </TableCell>
                          <TableCell className="text-right">
                            <Button size="sm">缴费</Button>
                          </TableCell>
                        </TableRow>
                      ))}
                    </TableBody>
                  </Table>
                </CardContent>
              </Card>
            </TabsContent>

<TabsContent value="history">
              <Card>
                <CardHeader>
                  <div className="flex items-center justify-between">
                    <div>
                      <CardTitle>缴费历史记录</CardTitle>
                      <CardDescription>已完成的年费缴纳记录</CardDescription>
                    </div>
                    <div className="flex gap-2">
                      <Input placeholder="搜索专利名称或编号" className="w-64" />
                      <Button variant="outline">
                        <Search className="h-4 w-4" />
                      </Button>
                    </div>
                  </div>
                </CardHeader>
                <CardContent>
                  <Table>
                    <TableHeader>
                      <TableRow>
                        <TableHead>缴费编号</TableHead>
                        <TableHead>专利编号</TableHead>
                        <TableHead>专利名称</TableHead>
                        <TableHead>年费年度</TableHead>
                        <TableHead>缴费金额</TableHead>
                        <TableHead>缴费日期</TableHead>
                        <TableHead>状态</TableHead>
                      </TableRow>
                    </TableHeader>
                    <TableBody>
                      {paymentHistory.map((record) => (
                        <TableRow key={record.id}>
                          <TableCell className="font-medium">{record.id}</TableCell>
                          <TableCell>{record.patentId}</TableCell>
                          <TableCell>{record.patentName}</TableCell>
                          <TableCell>{record.year}</TableCell>
                          <TableCell className="font-medium">¥{record.amount}</TableCell>
                          <TableCell>{record.paymentDate}</TableCell>
                          <TableCell>
                            <div className="flex items-center gap-2">
                              <CheckCircle2 className="h-4 w-4 text-green-600" />
                              <Badge variant="default">{record.status}</Badge>
                            </div>
                          </TableCell>
                        </TableRow>
                      ))}
                    </TableBody>
                  </Table>
                </CardContent>
              </Card>
            </TabsContent>

<TabsContent value="statistics">
              <div className="grid gap-6 lg:grid-cols-2">
                <Card>
                  <CardHeader>
                    <CardTitle>月度缴费趋势</CardTitle>
                    <CardDescription>近6个月的年费支出统计</CardDescription>
                  </CardHeader>
                  <CardContent>
                    <div className="space-y-4">
                      {[
                        { month: "2025-01", amount: 3900, count: 5 },
                        { month: "2024-12", amount: 5400, count: 7 },
                        { month: "2024-11", amount: 4200, count: 6 },
                        { month: "2024-10", amount: 3600, count: 5 },
                        { month: "2024-09", amount: 4800, count: 6 },
                        { month: "2024-08", amount: 5100, count: 7 },
                      ].map((item, i) => (
                        <div key={i} className="space-y-2">
                          <div className="flex items-center justify-between text-sm">
                            <span className="text-foreground">{item.month}</span>
                            <span className="text-muted-foreground">
                              ¥{item.amount.toLocaleString()} ({item.count}件)
                            </span>
                          </div>
                          <div className="h-2 overflow-hidden rounded-full bg-muted">
                            <div className="h-full bg-primary" style={{ width: `${(item.amount / 6000) * 100}%` }} />
                          </div>
                        </div>
                      ))}
                    </div>
                  </CardContent>
                </Card>

<Card>
                  <CardHeader>
                    <CardTitle>缴费提醒设置</CardTitle>
                    <CardDescription>配置年费到期提醒规则</CardDescription>
                  </CardHeader>
                  <CardContent className="space-y-6">
                    <div className="space-y-4">
                      {[
                        { label: "提前60天提醒", icon: AlertCircle, color: "text-blue-600" },
                        { label: "提前30天提醒", icon: AlertCircle, color: "text-orange-600" },
                        { label: "提前7天紧急提醒", icon: AlertCircle, color: "text-red-600" },
                      ].map((item, i) => {
                        const Icon = item.icon
                        return (
                          <label key={i} className="flex items-center gap-3">
                            <input type="checkbox" defaultChecked className="rounded" />
                            <Icon className={`h-5 w-5 ${item.color}`} />
                            <span className="text-sm text-foreground">{item.label}</span>
                          </label>
                        )
                      })}
                    </div>

<Button className="w-full">保存设置</Button>
                  </CardContent>
                </Card>
              </div>
            </TabsContent>
          </Tabs>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/bigdata/payment/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/commercialization/project/loading.tsx" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/system/authorization/loading.tsx" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/system/notifications/page.tsx" isMerged="true"
"use client"

import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Bell, CheckCircle2, AlertCircle, Info, Trash2 } from "lucide-react"

export default function NotificationsPage() {
  const notifications = [
    {
      id: "N001",
      type: "审核",
      title: "专利申请待审核",
      content: "专利申请P2024015需要您的审核",
      time: "2小时前",
      read: false,
      priority: "high",
    },
    {
      id: "N002",
      type: "提醒",
      title: "年费即将到期",
      content: "专利P2024001的年费将在15天后到期",
      time: "5小时前",
      read: false,
      priority: "medium",
    },
    {
      id: "N003",
      type: "系统",
      title: "数据同步完成",
      content: "国知局数据同步已完成，共更新1234条记录",
      time: "1天前",
      read: true,
      priority: "low",
    },
    {
      id: "N004",
      type: "审核",
      title: "专利变更已通过",
      content: "您提交的专利P2024008变更申请已通过审核",
      time: "2天前",
      read: true,
      priority: "low",
    },
  ]

<TabsContent value="all">
              <Card>
                <CardHeader>
                  <CardTitle>所有通知</CardTitle>
                  <CardDescription>查看全部系统通知</CardDescription>
                </CardHeader>
                <CardContent>
                  <div className="space-y-4">
                    {notifications.map((notification) => (
                      <div
                        key={notification.id}
                        className={`flex items-start gap-4 rounded-lg border p-4 ${
                          !notification.read ? "border-primary bg-primary/5" : "border-border"
                        }`}
                      >
                        <div
                          className={`rounded-lg p-3 ${
                            notification.type === "审核"
                              ? "bg-blue-100 dark:bg-blue-900/20"
                              : notification.type === "提醒"
                                ? "bg-orange-100 dark:bg-orange-900/20"
                                : "bg-gray-100 dark:bg-gray-900/20"
                          }`}
                        >
                          {notification.type === "审核" && <AlertCircle className="h-5 w-5 text-blue-600" />}
                          {notification.type === "提醒" && <Bell className="h-5 w-5 text-orange-600" />}
                          {notification.type === "系统" && <Info className="h-5 w-5 text-gray-600" />}
                        </div>

<div className="flex-1">
                          <div className="flex items-start justify-between">
                            <div>
                              <div className="flex items-center gap-2">
                                <div className="font-medium text-foreground">{notification.title}</div>
                                {!notification.read && <div className="h-2 w-2 rounded-full bg-primary" />}
                              </div>
                              <div className="mt-1 text-sm text-muted-foreground">{notification.content}</div>
                            </div>
                            <Badge
                              variant={
                                notification.priority === "high"
                                  ? "destructive"
                                  : notification.priority === "medium"
                                    ? "default"
                                    : "secondary"
                              }
                              className="ml-4"
                            >
                              {notification.type}
                            </Badge>
                          </div>

<div className="mt-3 flex items-center gap-4">
                            <span className="text-xs text-muted-foreground">{notification.time}</span>
                            <div className="flex gap-2">
                              {!notification.read && (
                                <Button variant="ghost" size="sm">
                                  <CheckCircle2 className="mr-1 h-3 w-3" />
                                  标记已读
                                </Button>
                              )}
                              <Button variant="ghost" size="sm">
                                <Trash2 className="mr-1 h-3 w-3" />
                                删除
                              </Button>
                            </div>
                          </div>
                        </div>
                      </div>
                    ))}
                  </div>
                </CardContent>
              </Card>
            </TabsContent>

<TabsContent value="unread">
              <Card>
                <CardHeader>
                  <CardTitle>未读通知</CardTitle>
                  <CardDescription>查看未读的通知消息</CardDescription>
                </CardHeader>
                <CardContent>
                  <div className="space-y-4">
                    {notifications
                      .filter((n) => !n.read)
                      .map((notification) => (
                        <div
                          key={notification.id}
                          className="flex items-start gap-4 rounded-lg border border-primary bg-primary/5 p-4"
                        >
                          <div className="rounded-lg bg-blue-100 p-3 dark:bg-blue-900/20">
                            <AlertCircle className="h-5 w-5 text-blue-600" />
                          </div>
                          <div className="flex-1">
                            <div className="font-medium text-foreground">{notification.title}</div>
                            <div className="mt-1 text-sm text-muted-foreground">{notification.content}</div>
                            <div className="mt-2 text-xs text-muted-foreground">{notification.time}</div>
                          </div>
                        </div>
                      ))}
                  </div>
                </CardContent>
              </Card>
            </TabsContent>

<TabsContent value="audit">
              <Card>
                <CardHeader>
                  <CardTitle>审核通知</CardTitle>
                  <CardDescription>需要审核的事项通知</CardDescription>
                </CardHeader>
                <CardContent>
                  <div className="text-center py-12 text-muted-foreground">审核通知内容</div>
                </CardContent>
              </Card>
            </TabsContent>

<TabsContent value="reminder">
              <Card>
                <CardHeader>
                  <CardTitle>提醒通知</CardTitle>
                  <CardDescription>重要事项提醒</CardDescription>
                </CardHeader>
                <CardContent>
                  <div className="text-center py-12 text-muted-foreground">提醒通知内容</div>
                </CardContent>
              </Card>
            </TabsContent>

<TabsContent value="system">
              <Card>
                <CardHeader>
                  <CardTitle>系统通知</CardTitle>
                  <CardDescription>系统消息和公告</CardDescription>
                </CardHeader>
                <CardContent>
                  <div className="text-center py-12 text-muted-foreground">系统通知内容</div>
                </CardContent>
              </Card>
            </TabsContent>
          </Tabs>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/system/notifications/loading.tsx" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/system/search/loading.tsx" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/patent/guide/page.tsx" isMerged="true"
"use client"

import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { FileText, Download, AlertCircle, CheckCircle2, ArrowRight, FileCheck, Building2, Shield } from "lucide-react"
import Link from "next/link"

export default function PatentGuidePage() {
  const documents = [
    { name: "专利申请表模板", type: "Word", size: "125 KB" },
    { name: "技术交底书模板", type: "Word", size: "230 KB" },
    { name: "发明人信息表", type: "Excel", size: "45 KB" },
    { name: "专利申请授权书", type: "PDF", size: "180 KB" },
  ]

const materials = [
    "专利申请表（加盖公章）",
    "技术交底书（详细描述技术方案）",
    "发明人信息表（所有发明人签字确认）",
    "附图说明（如有图纸需提供）",
    "专利申请授权书（委托代理机构时需要）",
    "项目合同书（如涉及科研项目需提供）",
  ]

const prerequisites = [
    "申请人必须是本校在职教职工或在读学生",
    "技术成果必须具有新颖性、创造性和实用性",
    "技术内容未在国内外公开发表或使用",
    "所有发明人已达成一致意见并签字确认",
    "如涉及科研项目，需符合项目合同约定",
  ]

const notices = [
    "请确保所有材料真实、完整、准确，虚假材料将承担相应法律责任",
    "专利申请提交后，在审核期间请勿公开发表相关技术内容",
    "发明人顺序一经确定，后续变更需所有发明人同意",
    "代理机构选择后不可随意更改，请慎重选择",
    "专利申请费用将根据所选代理机构标准收取",
    "审核通过后，代理机构将在5个工作日内开始办理",
  ]

return (
    <div className="flex h-screen">
      <SidebarNav />
      <div className="flex-1 overflow-y-auto">
        <div className="border-b border-border bg-card px-8 py-6">
          <h1 className="text-2xl font-semibold text-card-foreground">专利申请指南</h1>
          <p className="mt-1 text-sm text-muted-foreground">了解专利申请流程、所需材料和注意事项</p>
        </div>

<div className="p-8 space-y-6">
          {/* 服务说明 */}
          <Card>
            <CardHeader>
              <CardTitle className="flex items-center gap-2">
                <FileCheck className="h-5 w-5 text-primary" />
                服务说明
              </CardTitle>
            </CardHeader>
            <CardContent className="space-y-4">
              <p className="text-foreground leading-relaxed">
                本系统为学校师生提供便捷的专利申请服务，支持发明专利、实用新型专利和外观设计专利的在线申请。
                系统与多家专业代理机构合作，为您提供专业的专利申请代理服务，确保专利申请质量和授权率。
              </p>
              <div className="grid gap-4 md:grid-cols-3">
                <div className="rounded-lg border border-border bg-muted/30 p-4">
                  <div className="flex items-center gap-2 mb-2">
                    <div className="h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center">
                      <FileText className="h-4 w-4 text-primary" />
                    </div>
                    <h4 className="font-medium text-foreground">在线申请</h4>
                  </div>
                  <p className="text-sm text-muted-foreground">全流程在线办理，无需线下提交纸质材料</p>
                </div>
                <div className="rounded-lg border border-border bg-muted/30 p-4">
                  <div className="flex items-center gap-2 mb-2">
                    <div className="h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center">
                      <Building2 className="h-4 w-4 text-primary" />
                    </div>
                    <h4 className="font-medium text-foreground">专业代理</h4>
                  </div>
                  <p className="text-sm text-muted-foreground">多家合作代理机构，提供专业的专利申请服务</p>
                </div>
                <div className="rounded-lg border border-border bg-muted/30 p-4">
                  <div className="flex items-center gap-2 mb-2">
                    <div className="h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center">
                      <Shield className="h-4 w-4 text-primary" />
                    </div>
                    <h4 className="font-medium text-foreground">全程跟踪</h4>
                  </div>
                  <p className="text-sm text-muted-foreground">实时查看申请进度，掌握每个环节状态</p>
                </div>
              </div>
            </CardContent>
          </Card>

{/* 办理流程图 */}
          <Card>
            <CardHeader>
              <CardTitle className="flex items-center gap-2">
                <ArrowRight className="h-5 w-5 text-primary" />
                办理流程
              </CardTitle>
              <CardDescription>专利申请完整流程，每个环节都有专人负责审核</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="relative">
                <div className="flex items-start gap-4 pb-8">
                  <div className="flex flex-col items-center">
                    <div className="flex h-10 w-10 items-center justify-center rounded-full bg-primary text-primary-foreground">
                      1
                    </div>
                    <div className="h-full w-0.5 bg-border mt-2"></div>
                  </div>
                  <div className="flex-1 pt-1">
                    <h4 className="font-medium text-foreground mb-1">成果负责人申请</h4>
                    <p className="text-sm text-muted-foreground">
                      填写专利申请信息，包括基本信息、发明人信息、技术信息等，并上传相关附件
                    </p>
                  </div>
                </div>

<div className="flex items-start gap-4 pb-8">
                  <div className="flex flex-col items-center">
                    <div className="flex h-10 w-10 items-center justify-center rounded-full bg-primary text-primary-foreground">
                      2
                    </div>
                    <div className="h-full w-0.5 bg-border mt-2"></div>
                  </div>
                  <div className="flex-1 pt-1">
                    <h4 className="font-medium text-foreground mb-1">成果价值度自评</h4>
                    <p className="text-sm text-muted-foreground">
                      负责人对专利的技术价值、市场前景、创新程度等进行自我评估
                    </p>
                  </div>
                </div>

<div className="flex items-start gap-4 pb-8">
                  <div className="flex flex-col items-center">
                    <div className="flex h-10 w-10 items-center justify-center rounded-full bg-primary text-primary-foreground">
                      3
                    </div>
                    <div className="h-full w-0.5 bg-border mt-2"></div>
                  </div>
                  <div className="flex-1 pt-1">
                    <h4 className="font-medium text-foreground mb-1">成果发明人线上确认</h4>
                    <p className="text-sm text-muted-foreground">所有发明人在线确认专利信息、发明人顺序和贡献度分配</p>
                  </div>
                </div>

<div className="flex items-start gap-4 pb-8">
                  <div className="flex flex-col items-center">
                    <div className="flex h-10 w-10 items-center justify-center rounded-full bg-primary text-primary-foreground">
                      4
                    </div>
                    <div className="h-full w-0.5 bg-border mt-2"></div>
                  </div>
                  <div className="flex-1 pt-1">
                    <h4 className="font-medium text-foreground mb-1">院系审核</h4>
                    <p className="text-sm text-muted-foreground">所属院系对专利申请进行审核，确认技术归属和项目关联</p>
                  </div>
                </div>

<div className="flex items-start gap-4">
                  <div className="flex flex-col items-center">
                    <div className="flex h-10 w-10 items-center justify-center rounded-full bg-primary text-primary-foreground">
                      5
                    </div>
                  </div>
                  <div className="flex-1 pt-1">
                    <h4 className="font-medium text-foreground mb-1">知识产权专员审核</h4>
                    <p className="text-sm text-muted-foreground">
                      学校知识产权专员进行最终审核，审核通过后推送至代理机构办理
                    </p>
                  </div>
                </div>
              </div>
            </CardContent>
          </Card>

{/* 文档模板下载 */}
          <Card>
            <CardHeader>
              <CardTitle className="flex items-center gap-2">
                <Download className="h-5 w-5 text-primary" />
                文档模板下载
              </CardTitle>
              <CardDescription>下载并填写以下模板文档，准备申请材料</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="grid gap-3 md:grid-cols-2">
                {documents.map((doc) => (
                  <div
                    key={doc.name}
                    className="flex items-center justify-between rounded-lg border border-border p-4 hover:bg-muted/50 transition-colors"
                  >
                    <div className="flex items-center gap-3">
                      <FileText className="h-5 w-5 text-primary" />
                      <div>
                        <p className="font-medium text-foreground">{doc.name}</p>
                        <p className="text-xs text-muted-foreground">
                          {doc.type} · {doc.size}
                        </p>
                      </div>
                    </div>
                    <Button size="sm" variant="ghost">
                      <Download className="h-4 w-4" />
                    </Button>
                  </div>
                ))}
              </div>
            </CardContent>
          </Card>

{/* 办理前提 */}
          <Card>
            <CardHeader>
              <CardTitle className="flex items-center gap-2">
                <CheckCircle2 className="h-5 w-5 text-primary" />
                办理前提
              </CardTitle>
              <CardDescription>申请专利前，请确保满足以下条件</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="space-y-3">
                {prerequisites.map((item, index) => (
                  <div key={index} className="flex items-start gap-3">
                    <CheckCircle2 className="h-5 w-5 text-primary mt-0.5 flex-shrink-0" />
                    <p className="text-foreground">{item}</p>
                  </div>
                ))}
              </div>
            </CardContent>
          </Card>

{/* 所需材料 */}
          <Card>
            <CardHeader>
              <CardTitle className="flex items-center gap-2">
                <FileText className="h-5 w-5 text-primary" />
                所需材料
              </CardTitle>
              <CardDescription>请准备以下材料，确保材料完整准确</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="space-y-2">
                {materials.map((item, index) => (
                  <div key={index} className="flex items-start gap-3 p-3 rounded-lg bg-muted/30">
                    <Badge variant="outline" className="mt-0.5">
                      {index + 1}
                    </Badge>
                    <p className="text-foreground flex-1">{item}</p>
                  </div>
                ))}
              </div>
            </CardContent>
          </Card>

{/* 注意事项 */}
          <Card>
            <CardHeader>
              <CardTitle className="flex items-center gap-2">
                <AlertCircle className="h-5 w-5 text-destructive" />
                注意事项
              </CardTitle>
              <CardDescription>请仔细阅读以下注意事项，避免申请失败</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="space-y-3">
                {notices.map((item, index) => (
                  <div
                    key={index}
                    className="flex items-start gap-3 p-3 rounded-lg border border-destructive/20 bg-destructive/5"
                  >
                    <AlertCircle className="h-5 w-5 text-destructive mt-0.5 flex-shrink-0" />
                    <p className="text-foreground">{item}</p>
                  </div>
                ))}
              </div>
            </CardContent>
          </Card>

{/* 开始申请按钮 */}
          <div className="flex justify-center pt-4">
            <Link href="/patent/apply">
              <Button size="lg" className="px-8">
                <FileText className="mr-2 h-5 w-5" />
                开始申请专利
              </Button>
            </Link>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/patent/apply/page.tsx" isEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Badge } from "@/components/ui/badge"
import { Plus, X, Upload, FileText, CheckCircle2, Circle, Info, Building2, Star, TrendingUp } from "lucide-react"
import Link from "next/link"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"

type AgencyFees = {
  application: number
  response: number
  annual: number
}

type CooperativeAgency = {
  id: string
  name: string
  code: string
  level: string
  rating: number
  authorizationRate: number
  fees: {
    invention: AgencyFees
    utility: AgencyFees
    design: AgencyFees
  }
  cases: number
  successCases: number
}

export default function PatentApplyPage() {
  const [inventors, setInventors] = useState([{ name: "", department: "", contribution: "" }])
  const [attachments, setAttachments] = useState<string[]>([])
  const [currentStep, setCurrentStep] = useState(1)
  const [applicationMode, setApplicationMode] = useState<"cooperative" | "self" | "">("")
  const [selectedAgency, setSelectedAgency] = useState("")

const cooperativeAgencies: CooperativeAgency[] = [
    {
      id: "AG001",
      name: "北京知识产权代理有限公司",
      code: "11234",
      level: "一级",
      rating: 4.8,
      authorizationRate: 92.5,
      fees: {
        invention: { application: 5000, response: 2000, annual: 800 },
        utility: { application: 3000, response: 1500, annual: 500 },
        design: { application: 2000, response: 1000, annual: 400 },
      },
      cases: 156,
      successCases: 144,
    },
    {
      id: "AG002",
      name: "上海专利事务所",
      code: "31567",
      level: "一级",
      rating: 4.5,
      authorizationRate: 89.3,
      fees: {
        invention: { application: 4800, response: 1800, annual: 750 },
        utility: { application: 2800, response: 1400, annual: 480 },
        design: { application: 1800, response: 900, annual: 380 },
      },
      cases: 132,
      successCases: 118,
    },
    {
      id: "AG003",
      name: "深圳知产代理中心",
      code: "44890",
      level: "二级",
      rating: 4.6,
      authorizationRate: 90.8,
      fees: {
        invention: { application: 4500, response: 1700, annual: 700 },
        utility: { application: 2600, response: 1300, annual: 450 },
        design: { application: 1700, response: 850, annual: 350 },
      },
      cases: 98,
      successCases: 89,
    },
    {
      id: "AG004",
      name: "广州专利代理公司",
      code: "44123",
      level: "一级",
      rating: 4.7,
      authorizationRate: 91.2,
      fees: {
        invention: { application: 5200, response: 2100, annual: 820 },
        utility: { application: 3100, response: 1550, annual: 520 },
        design: { application: 2100, response: 1050, annual: 420 },
      },
      cases: 145,
      successCases: 132,
    },
  ]

const addInventor = () => {
    setInventors([...inventors, { name: "", department: "", contribution: "" }])
  }

const removeInventor = (index: number) => {
    setInventors(inventors.filter((_, i) => i !== index))
  }

const workflowSteps = [
    { id: 1, name: "成果负责人申请", status: "current" },
    { id: 2, name: "成果价值度自评", status: "pending" },
    { id: 3, name: "发明人线上确认", status: "pending" },
    { id: 4, name: "院系审核", status: "pending" },
    { id: 5, name: "知识产权专员审核", status: "pending" },
  ]

return (
    <div className="flex h-screen bg-background">
      <SidebarNav />
      <div className="flex-1 overflow-y-auto">
        <div className="border-b border-border bg-card px-8 py-6">
          <div className="flex items-center justify-between">
            <div>
              <h1 className="text-2xl font-semibold text-card-foreground">专利申请</h1>
              <p className="mt-1 text-sm text-muted-foreground">填写专利申请信息并提交审核</p>
            </div>
            <Link href="/patent/guide">
              <Button variant="outline">
                <Info className="mr-2 h-4 w-4" />
                查看申请指南
              </Button>
            </Link>
          </div>
        </div>

<div className="p-8">
          <Card className="mb-6">
            <CardHeader>
              <CardTitle>申请流程进度</CardTitle>
              <CardDescription>当前申请所处的审核阶段</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="relative py-4">
                <div
                  className="absolute top-9 left-0 right-0 h-0.5 bg-border"
                  style={{ left: "2.5rem", right: "2.5rem" }}
                />
                <div
                  className="absolute top-9 left-0 h-0.5 bg-primary transition-all duration-500"
                  style={{
                    left: "2.5rem",
                    width: `calc(${((currentStep - 1) / (workflowSteps.length - 1)) * 100}% - 2.5rem)`,
                  }}
                />

<div className="relative flex justify-between">
                  {workflowSteps.map((step) => (
                    <div key={step.id} className="flex flex-col items-center" style={{ width: "120px" }}>
                      <div
                        className={`flex h-10 w-10 items-center justify-center rounded-full border-2 transition-all ${
                          step.id < currentStep
                            ? "border-primary bg-primary text-primary-foreground"
                            : step.id === currentStep
                              ? "border-primary bg-background text-primary animate-pulse"
                              : "border-border bg-background text-muted-foreground"
                        }`}
                      >
                        {step.id < currentStep ? <CheckCircle2 className="h-5 w-5" /> : <Circle className="h-5 w-5" />}
                      </div>
                      <div className="mt-3 text-center">
                        <p
                          className={`text-sm font-medium ${step.id === currentStep ? "text-primary" : "text-foreground"}`}
                        >
                          {step.name}
                        </p>
                        <Badge
                          variant={
                            step.id < currentStep ? "default" : step.id === currentStep ? "secondary" : "outline"
                          }
                          className="mt-1"
                        >
                          {step.id < currentStep ? "已完成" : step.id === currentStep ? "进行中" : "待处理"}
                        </Badge>
                      </div>
                    </div>
                  ))}
                </div>
              </div>
            </CardContent>
          </Card>

<Alert className="mb-6">
            <Info className="h-4 w-4" />
            <AlertDescription>
              请仔细填写专利申请信息，确保所有信息准确无误。如有疑问，请查看
              <Link href="/patent/guide" className="text-primary hover:underline mx-1">
                申请指南
              </Link>
              了解详细流程和注意事项。
            </AlertDescription>
          </Alert>

<Tabs defaultValue="basic" className="w-full">
            <TabsList className="mb-6">
              <TabsTrigger value="basic">基本信息</TabsTrigger>
              <TabsTrigger value="agency">代理机构选择</TabsTrigger>
              <TabsTrigger value="inventors">发明人信息</TabsTrigger>
              <TabsTrigger value="technical">技术信息</TabsTrigger>
              <TabsTrigger value="attachments">附件上传</TabsTrigger>
            </TabsList>

<TabsContent value="basic">
              <Card>
                <CardHeader>
                  <CardTitle>基本信息</CardTitle>
                  <CardDescription>填写专利的基本申请信息</CardDescription>
                </CardHeader>
                <CardContent className="space-y-6">
                  <div className="grid gap-6 md:grid-cols-2">
                    <div className="space-y-2">
                      <Label htmlFor="patent-type">专利类型</Label>
                      <Select>
                        <SelectTrigger id="patent-type">
                          <SelectValue placeholder="选择专利类型" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="invention">发明专利</SelectItem>
                          <SelectItem value="utility">实用新型</SelectItem>
                          <SelectItem value="design">外观设计</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>

<div className="space-y-2">
                      <Label htmlFor="application-type">申请类型</Label>
                      <Select>
                        <SelectTrigger id="application-type">
                          <SelectValue placeholder="选择申请类型" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="normal">普通申请</SelectItem>
                          <SelectItem value="pct">PCT申请</SelectItem>
                          <SelectItem value="priority">优先权申请</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>
                  </div>

<div className="grid gap-6 md:grid-cols-2">
                    <div className="space-y-2">
                      <Label htmlFor="department">所属院系</Label>
                      <Select>
                        <SelectTrigger id="department">
                          <SelectValue placeholder="选择院系" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="cs">计算机学院</SelectItem>
                          <SelectItem value="ee">电子工程学院</SelectItem>
                          <SelectItem value="me">机械工程学院</SelectItem>
                          <SelectItem value="chem">化学学院</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>

<TabsContent value="agency">
              <Card>
                <CardHeader>
                  <CardTitle>代理机构选择</CardTitle>
                  <CardDescription>选择专利申请的代理模式和代理机构</CardDescription>
                </CardHeader>
                <CardContent className="space-y-6">
                  <div className="space-y-4">
                    <Label>申请模式</Label>
                    <RadioGroup
                      value={applicationMode}
                      onValueChange={(value) => setApplicationMode(value as "cooperative" | "self")}
                    >
                      <div className="flex items-start space-x-3 rounded-lg border border-border p-4 hover:bg-muted/50 transition-colors">
                        <RadioGroupItem value="cooperative" id="cooperative" className="mt-1" />
                        <div className="flex-1">
                          <Label htmlFor="cooperative" className="cursor-pointer font-medium">
                            合作代理申请
                          </Label>
                          <p className="mt-1 text-sm text-muted-foreground">
                            选择学校合作的代理机构，系统自动推送申请数据，代理机构在线维护专利状态
                          </p>
                        </div>
                      </div>
                      <div className="flex items-start space-x-3 rounded-lg border border-border p-4 hover:bg-muted/50 transition-colors">
                        <RadioGroupItem value="self" id="self" className="mt-1" />
                        <div className="flex-1">
                          <Label htmlFor="self" className="cursor-pointer font-medium">
                            自行委托申请
                          </Label>
                          <p className="mt-1 text-sm text-muted-foreground">
                            自行选择非合作代理机构，线下提交材料，后续需自行在系统内维护专利信息
                          </p>
                        </div>
                      </div>
                    </RadioGroup>
                  </div>

{applicationMode === "cooperative" && (
                    <div className="space-y-4">
                      <Alert>
                        <Info className="h-4 w-4" />
                        <AlertDescription>
                          以下展示所有合作代理机构的费用标准及授权率数据，请根据您的需求选择合适的代理机构
                        </AlertDescription>
                      </Alert>

<div className="rounded-lg border border-border overflow-hidden">
                        <div className="overflow-x-auto">
                          <Table>
                            <TableHeader>
                              <TableRow className="bg-muted/50">
                                <TableHead className="w-12"></TableHead>
                                <TableHead className="min-w-[200px]">代理机构</TableHead>
                                <TableHead>资质等级</TableHead>
                                <TableHead>评分</TableHead>
                                <TableHead>授权率</TableHead>
                                <TableHead className="min-w-[140px]">发明专利费用</TableHead>
                                <TableHead className="min-w-[140px]">实用新型费用</TableHead>
                                <TableHead className="min-w-[140px]">外观设计费用</TableHead>
                                <TableHead>历史案件</TableHead>
                              </TableRow>
                            </TableHeader>
                            <TableBody>
                              {cooperativeAgencies.map((agency) => (
                                <TableRow
                                  key={agency.id}
                                  className={`cursor-pointer transition-colors ${
                                    selectedAgency === agency.id
                                      ? "bg-primary/10 hover:bg-primary/15"
                                      : "hover:bg-muted/50"
                                  }`}
                                  onClick={() => setSelectedAgency(agency.id)}
                                >
                                  <TableCell>
                                    <RadioGroupItem value={agency.id} checked={selectedAgency === agency.id} />
                                  </TableCell>
                                  <TableCell>
                                    <div className="flex items-center gap-2">
                                      <Building2 className="h-4 w-4 text-primary flex-shrink-0" />
                                      <div>
                                        <div className="font-medium">{agency.name}</div>
                                        <div className="text-xs text-muted-foreground">代码: {agency.code}</div>
                                      </div>
                                    </div>
                                  </TableCell>
                                  <TableCell>
                                    <Badge variant={agency.level === "一级" ? "default" : "secondary"}>
                                      {agency.level}
                                    </Badge>
                                  </TableCell>
                                  <TableCell>
                                    <div className="flex items-center gap-1">
                                      <Star className="h-4 w-4 fill-yellow-500 text-yellow-500" />
                                      <span className="font-medium">{agency.rating}</span>
                                    </div>
                                  </TableCell>
                                  <TableCell>
                                    <div className="flex items-center gap-1">
                                      <TrendingUp className="h-4 w-4 text-green-600" />
                                      <span className="font-medium text-green-600">{agency.authorizationRate}%</span>
                                    </div>
                                  </TableCell>
                                  <TableCell>
                                    <div className="text-sm">
                                      <div>申请: ¥{agency.fees.invention.application.toLocaleString()}</div>
                                      <div className="text-xs text-muted-foreground">
                                        答复: ¥{agency.fees.invention.response.toLocaleString()}
                                      </div>
                                    </div>
                                  </TableCell>
                                  <TableCell>
                                    <div className="text-sm">
                                      <div>申请: ¥{agency.fees.utility.application.toLocaleString()}</div>
                                      <div className="text-xs text-muted-foreground">
                                        答复: ¥{agency.fees.utility.response.toLocaleString()}
                                      </div>
                                    </div>
                                  </TableCell>
                                  <TableCell>
                                    <div className="text-sm">
                                      <div>申请: ¥{agency.fees.design.application.toLocaleString()}</div>
                                      <div className="text-xs text-muted-foreground">
                                        答复: ¥{agency.fees.design.response.toLocaleString()}
                                      </div>
                                    </div>
                                  </TableCell>
                                  <TableCell>
                                    <div className="text-sm">
                                      <div className="font-medium">{agency.cases} 件</div>
                                      <div className="text-xs text-muted-foreground">成功 {agency.successCases} 件</div>
                                    </div>
                                  </TableCell>
                                </TableRow>
                              ))}
                            </TableBody>
                          </Table>
                        </div>
                      </div>

{selectedAgency && (
                        <Alert className="border-primary bg-primary/5">
                          <CheckCircle2 className="h-4 w-4 text-primary" />
                          <AlertDescription>
                            已选择:{" "}
                            <span className="font-medium">
                              {cooperativeAgencies.find((a) => a.id === selectedAgency)?.name}
                            </span>
                            ，审核通过后将自动推送申请数据至该代理机构
                          </AlertDescription>
                        </Alert>
                      )}
                    </div>
                  )}

{applicationMode === "self" && (
                    <div className="space-y-4">
                      <Alert>
                        <Info className="h-4 w-4" />
                        <AlertDescription>
                          自行委托申请模式下，您需要线下联系代理机构并提交材料，后续专利状态变更需要您自行在系统中维护
                        </AlertDescription>
                      </Alert>

<div className="space-y-4">
                        <div className="space-y-2">
                          <Label htmlFor="self-agency-name">代理机构名称</Label>
                          <Input id="self-agency-name" placeholder="请输入代理机构名称" />
                        </div>

<div className="grid gap-4 md:grid-cols-2">
                          <div className="space-y-2">
                            <Label htmlFor="self-agency-code">机构代码</Label>
                            <Input id="self-agency-code" placeholder="请输入机构代码" />
                          </div>
                          <div className="space-y-2">
                            <Label htmlFor="self-agent-name">代理人姓名</Label>
                            <Input id="self-agent-name" placeholder="请输入代理人姓名" />
                          </div>
                        </div>

<TabsContent value="inventors">
              <Card>
                <CardHeader>
                  <CardTitle>发明人信息</CardTitle>
                  <CardDescription>添加专利发明人及其贡献度</CardDescription>
                </CardHeader>
                <CardContent className="space-y-6">
                  {inventors.map((inventor, index) => (
                    <div key={index} className="space-y-4 rounded-lg border border-border p-4">
                      <div className="flex items-center justify-between">
                        <h4 className="font-medium text-foreground">发明人 {index + 1}</h4>
                        {inventors.length > 1 && (
                          <Button
                            variant="ghost"
                            size="sm"
                            onClick={() => removeInventor(index)}
                            className="h-8 w-8 p-0"
                          >
                            <X className="h-4 w-4" />
                          </Button>
                        )}
                      </div>

<div className="grid gap-4 md:grid-cols-3">
                        <div className="space-y-2">
                          <Label htmlFor={`inventor-name-${index}`}>姓名</Label>
                          <Input
                            id={`inventor-name-${index}`}
                            placeholder="请输入姓名"
                            value={inventor.name}
                            onChange={(e) => {
                              const newInventors = [...inventors]
                              newInventors[index].name = e.target.value
                              setInventors(newInventors)
                            }}
                          />
                        </div>

<div className="space-y-2">
                          <Label htmlFor={`inventor-dept-${index}`}>所属院系</Label>
                          <Select>
                            <SelectTrigger id={`inventor-dept-${index}`}>
                              <SelectValue placeholder="选择院系" />
                            </SelectTrigger>
                            <SelectContent>
                              <SelectItem value="cs">计算机学院</SelectItem>
                              <SelectItem value="ee">电子工程学院</SelectItem>
                              <SelectItem value="me">机械工程学院</SelectItem>
                              <SelectItem value="chem">化学学院</SelectItem>
                            </SelectContent>
                          </Select>
                        </div>

<div className="space-y-2">
                          <Label htmlFor={`inventor-contribution-${index}`}>贡献度 (%)</Label>
                          <Input
                            id={`inventor-contribution-${index}`}
                            type="number"
                            placeholder="0-100"
                            value={inventor.contribution}
                            onChange={(e) => {
                              const newInventors = [...inventors]
                              newInventors[index].contribution = e.target.value
                              setInventors(newInventors)
                            }}
                          />
                        </div>
                      </div>
                    </div>
                  ))}

<Button onClick={addInventor} variant="outline" className="w-full bg-transparent">
                    <Plus className="mr-2 h-4 w-4" />
                    添加发明人
                  </Button>
                </CardContent>
              </Card>
            </TabsContent>

<TabsContent value="technical">
              <Card>
                <CardHeader>
                  <CardTitle>技术信息</CardTitle>
                  <CardDescription>填写专利的技术细节和创新点</CardDescription>
                </CardHeader>
                <CardContent className="space-y-6">
                  <div className="space-y-2">
                    <Label htmlFor="technical-field">技术领域</Label>
                    <Select>
                      <SelectTrigger id="technical-field">
                        <SelectValue placeholder="选择技术领域" />
                      </SelectTrigger>
                      <SelectContent>
                        <SelectItem value="ai">人工智能</SelectItem>
                        <SelectItem value="iot">物联网</SelectItem>
                        <SelectItem value="biotech">生物技术</SelectItem>
                        <SelectItem value="materials">新材料</SelectItem>
                        <SelectItem value="energy">新能源</SelectItem>
                      </SelectContent>
                    </Select>
                  </div>

<div className="space-y-2">
                    <Label htmlFor="implementation">具体实施方式</Label>
                    <Textarea id="implementation" placeholder="请详细描述实施例和技术细节" className="min-h-40" />
                  </div>
                </CardContent>
              </Card>
            </TabsContent>

<TabsContent value="attachments">
              <Card>
                <CardHeader>
                  <CardTitle>附件上传</CardTitle>
                  <CardDescription>上传专利相关的技术文档和图纸</CardDescription>
                </CardHeader>
                <CardContent className="space-y-6">
                  <div className="rounded-lg border-2 border-dashed border-border p-12 text-center hover:border-primary/50 transition-colors">
                    <Upload className="mx-auto h-12 w-12 text-muted-foreground" />
                    <div className="mt-4">
                      <Button variant="outline">
                        <FileText className="mr-2 h-4 w-4" />
                        选择文件
                      </Button>
                    </div>
                    <p className="mt-2 text-sm text-muted-foreground">
                      支持 PDF、Word、图片等格式，单个文件不超过 50MB
                    </p>
                  </div>

{attachments.length > 0 && (
                    <div className="space-y-2">
                      <Label>已上传文件</Label>
                      <div className="space-y-2">
                        {attachments.map((file, index) => (
                          <div
                            key={index}
                            className="flex items-center justify-between rounded-lg border border-border p-3"
                          >
                            <div className="flex items-center gap-3">
                              <FileText className="h-5 w-5 text-muted-foreground" />
                              <span className="text-sm text-foreground">{file}</span>
                            </div>
                            <Button
                              variant="ghost"
                              size="sm"
                              onClick={() => setAttachments(attachments.filter((_, i) => i !== index))}
                              className="h-8 w-8 p-0"
                            >
                              <X className="h-4 w-4" />
                            </Button>
                          </div>
                        ))}
                      </div>
                    </div>
                  )}

<div className="space-y-2">
                    <Label>必需文件清单</Label>
                    <div className="space-y-2">
                      {[
                        { name: "技术交底书", required: true },
                        { name: "附图说明", required: true },
                        { name: "权利要求书", required: false },
                        { name: "说明书", required: false },
                      ].map((item) => (
                        <div key={item.name} className="flex items-center gap-2">
                          <Badge variant={item.required ? "default" : "secondary"}>
                            {item.required ? "必需" : "选填"}
                          </Badge>
                          <span className="text-sm text-foreground">{item.name}</span>
                        </div>
                      ))}
                    </div>
                  </div>
                </CardContent>
              </Card>
            </TabsContent>
          </Tabs>

<div className="mt-6 flex justify-end gap-4">
            <Button variant="outline">保存草稿</Button>
            <Button>提交申请</Button>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/bigdata/compare/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import type React from "react"

type PatentDiscrepancy = {
  patentId: string
  patentName: string
  field: string
  localValue: string
  remoteValue: string
  severity: "高" | "中" | "低"
  lastChecked: string
  // Detailed comparison data
  localOwners?: string[]
  remoteOwners?: string[]
  localInventors?: string[]
  remoteInventors?: string[]
  localLegalStatus?: string
  remoteLegalStatus?: string
  localAnnualFee?: string
  remoteAnnualFee?: string
}

export default function BigDataComparePage() {
  const [selectedPatent, setSelectedPatent] = useState<PatentDiscrepancy | null>(null)
  const [isDialogOpen, setIsDialogOpen] = useState(false)

const discrepancies: PatentDiscrepancy[] = [
    {
      patentId: "P2024001",
      patentName: "一种基于深度学习的图像识别方法",
      field: "权利人名称不一致",
      localValue: "清华大学",
      remoteValue: "清华大学、北京大学",
      severity: "高",
      lastChecked: "2025-01-25 10:30",
      localOwners: ["清华大学"],
      remoteOwners: ["清华大学", "北京大学"],
      localInventors: ["张三", "李四", "王五"],
      remoteInventors: ["张三", "李四", "王五"],
    },
    {
      patentId: "P2024005",
      patentName: "智能控制系统",
      field: "发明人顺序不一致",
      localValue: "张三、李四、王五",
      remoteValue: "李四、张三、王五",
      severity: "中",
      lastChecked: "2025-01-25 09:15",
      localOwners: ["北京大学"],
      remoteOwners: ["北京大学"],
      localInventors: ["张三", "李四", "王五"],
      remoteInventors: ["李四", "张三", "王五"],
    },
    {
      patentId: "P2024012",
      patentName: "数据加密方法",
      field: "发明人名称不一致",
      localValue: "张三、李四",
      remoteValue: "张三、李四、王五",
      severity: "高",
      lastChecked: "2025-01-24 16:20",
      localOwners: ["浙江大学"],
      remoteOwners: ["浙江大学"],
      localInventors: ["张三", "李四"],
      remoteInventors: ["张三", "李四", "王五"],
    },
    {
      patentId: "P2024018",
      patentName: "新型材料制备工艺",
      field: "权利人顺序不一致",
      localValue: "复旦大学、上海交通大学",
      remoteValue: "上海交通大学、复旦大学",
      severity: "中",
      lastChecked: "2025-01-24 14:45",
      localOwners: ["复旦大学", "上海交通大学"],
      remoteOwners: ["上海交通大学", "复旦大学"],
      localInventors: ["赵六", "钱七"],
      remoteInventors: ["赵六", "钱七"],
    },
  ]

const statistics = [
    { label: "总对比专利", value: "1,234", change: "+12", trend: "up" },
    { label: "数据一致", value: "1,187", change: "96.2%", trend: "neutral" },
    { label: "存在差异", value: "47", change: "3.8%", trend: "down" },
    { label: "待处理", value: "23", change: "-5", trend: "down" },
  ]

const handlePatentClick = (patent: PatentDiscrepancy) => {
    setSelectedPatent(patent)
    setIsDialogOpen(true)
  }

const renderComparisonList = (localList: string[], remoteList: string[], title: string, icon: React.ReactNode) => {
    const allItems = Array.from(new Set([...localList, ...remoteList]))

return (
      <div className="space-y-3">
        <div className="flex items-center gap-2 text-sm font-medium text-foreground">
          {icon}
          <span>{title}</span>
        </div>
        <div className="grid gap-4 md:grid-cols-2">
          <div className="space-y-2">
            <div className="text-xs font-medium text-muted-foreground">本地数据</div>
            <div className="rounded-lg border border-blue-200 bg-blue-50 p-3 space-y-1">
              {localList.map((item, idx) => {
                const isInRemote = remoteList.includes(item)
                const remoteIndex = remoteList.indexOf(item)
                const orderChanged = isInRemote && remoteIndex !== idx

return (
                  <div
                    key={idx}
                    className={`flex items-center gap-2 text-sm ${
                      !isInRemote
                        ? "font-semibold text-blue-700"
                        : orderChanged
                          ? "font-medium text-blue-600"
                          : "text-blue-900"
                    }`}
                  >
                    <span className="flex h-5 w-5 items-center justify-center rounded-full bg-blue-200 text-xs font-bold text-blue-700">
                      {idx + 1}
                    </span>
                    <span>{item}</span>
                    {!isInRemote && (
                      <Badge variant="destructive" className="ml-auto text-xs">
                        缺失
                      </Badge>
                    )}
                    {orderChanged && (
                      <Badge variant="secondary" className="ml-auto text-xs">
                        顺序变化
                      </Badge>
                    )}
                  </div>
                )
              })}
            </div>
          </div>

<div className="space-y-2">
            <div className="text-xs font-medium text-muted-foreground">国知局数据</div>
            <div className="rounded-lg border border-amber-200 bg-amber-50 p-3 space-y-1">
              {remoteList.map((item, idx) => {
                const isInLocal = localList.includes(item)
                const localIndex = localList.indexOf(item)
                const orderChanged = isInLocal && localIndex !== idx

return (
                  <div
                    key={idx}
                    className={`flex items-center gap-2 text-sm ${
                      !isInLocal
                        ? "font-semibold text-amber-700"
                        : orderChanged
                          ? "font-medium text-amber-600"
                          : "text-amber-900"
                    }`}
                  >
                    <span className="flex h-5 w-5 items-center justify-center rounded-full bg-amber-200 text-xs font-bold text-amber-700">
                      {idx + 1}
                    </span>
                    <span>{item}</span>
                    {!isInLocal && (
                      <Badge variant="destructive" className="ml-auto text-xs">
                        新增
                      </Badge>
                    )}
                    {orderChanged && (
                      <Badge variant="secondary" className="ml-auto text-xs">
                        顺序变化
                      </Badge>
                    )}
                  </div>
                )
              })}
            </div>
          </div>
        </div>
      </div>
    )
  }

<div className="p-8">
          <div className="mb-6 grid gap-6 md:grid-cols-4">
            {statistics.map((stat, i) => (
              <Card key={i}>
                <CardHeader className="pb-3">
                  <CardDescription>{stat.label}</CardDescription>
                </CardHeader>
                <CardContent>
                  <div className="flex items-baseline gap-2">
                    <div className="text-3xl font-bold text-card-foreground">{stat.value}</div>
                    <div
                      className={`flex items-center gap-1 text-sm ${
                        stat.trend === "up"
                          ? "text-green-600"
                          : stat.trend === "down"
                            ? "text-red-600"
                            : "text-muted-foreground"
                      }`}
                    >
                      {stat.trend === "up" && <TrendingUp className="h-4 w-4" />}
                      {stat.trend === "down" && <TrendingDown className="h-4 w-4" />}
                      <span>{stat.change}</span>
                    </div>
                  </div>
                </CardContent>
              </Card>
            ))}
          </div>

<TabsContent value="discrepancies">
              <Card>
                <CardHeader>
                  <div className="flex items-center justify-between">
                    <div>
                      <CardTitle>数据差异列表</CardTitle>
                      <CardDescription>发现的本地与国知局数据不一致项</CardDescription>
                    </div>
                    <div className="flex gap-2">
                      <Input placeholder="搜索专利名称或编号" className="w-64" />
                      <Button variant="outline">
                        <Search className="h-4 w-4" />
                      </Button>
                    </div>
                  </div>
                </CardHeader>
                <CardContent>
                  <div className="space-y-4">
                    {discrepancies.map((item, i) => (
                      <div
                        key={i}
                        className="rounded-lg border border-border p-4 hover:border-primary/50 transition-colors"
                      >
                        <div className="flex items-start justify-between">
                          <div className="flex-1">
                            <div className="flex items-center gap-3">
                              <AlertTriangle
                                className={`h-5 w-5 ${
                                  item.severity === "高"
                                    ? "text-red-600"
                                    : item.severity === "中"
                                      ? "text-orange-600"
                                      : "text-yellow-600"
                                }`}
                              />
                              <div>
                                <button
                                  onClick={() => handlePatentClick(item)}
                                  className="font-medium text-foreground hover:text-primary hover:underline text-left"
                                >
                                  {item.patentName}
                                </button>
                                <div className="text-sm text-muted-foreground">{item.patentId}</div>
                              </div>
                            </div>

<div className="mt-4 grid gap-4 md:grid-cols-3">
                              <div>
                                <Label className="text-xs text-muted-foreground">差异字段</Label>
                                <div className="mt-1 font-medium text-foreground">{item.field}</div>
                              </div>
                              <div>
                                <Label className="text-xs text-muted-foreground">本地数据</Label>
                                <div className="mt-1 rounded bg-blue-50 px-2 py-1 text-blue-900 border border-blue-200">
                                  {item.localValue}
                                </div>
                              </div>
                              <div>
                                <Label className="text-xs text-muted-foreground">国知局数据</Label>
                                <div className="mt-1 rounded bg-amber-50 px-2 py-1 text-amber-900 border border-amber-200">
                                  {item.remoteValue}
                                </div>
                              </div>
                            </div>

<div className="mt-3 flex items-center gap-4 text-xs text-muted-foreground">
                              <span>最后检查: {item.lastChecked}</span>
                            </div>
                          </div>

<div className="flex flex-col items-end gap-3">
                            <Badge
                              variant={
                                item.severity === "高"
                                  ? "destructive"
                                  : item.severity === "中"
                                    ? "default"
                                    : "secondary"
                              }
                            >
                              {item.severity}优先级
                            </Badge>
                            <div className="flex gap-2">
                              <Button size="sm" variant="outline" onClick={() => handlePatentClick(item)}>
                                查看详情
                              </Button>
                              <Button size="sm">同步更新</Button>
                            </div>
                          </div>
                        </div>
                      </div>
                    ))}
                  </div>
                </CardContent>
              </Card>
            </TabsContent>

<TabsContent value="analysis">
              <div className="grid gap-6 lg:grid-cols-2">
                <Card>
                  <CardHeader>
                    <CardTitle>差异类型分布</CardTitle>
                    <CardDescription>按字段类型统计数据差异</CardDescription>
                  </CardHeader>
                  <CardContent>
                    <div className="space-y-4">
                      {[
                        { type: "法律状态", count: 18, percentage: 38 },
                        { type: "年费信息", count: 12, percentage: 26 },
                        { type: "著录项目", count: 9, percentage: 19 },
                        { type: "审查意见", count: 5, percentage: 11 },
                        { type: "其他", count: 3, percentage: 6 },
                      ].map((item, i) => (
                        <div key={i} className="space-y-2">
                          <div className="flex items-center justify-between text-sm">
                            <span className="text-foreground">{item.type}</span>
                            <span className="text-muted-foreground">
                              {item.count} ({item.percentage}%)
                            </span>
                          </div>
                          <div className="h-2 overflow-hidden rounded-full bg-muted">
                            <div className="h-full bg-primary" style={{ width: `${item.percentage}%` }} />
                          </div>
                        </div>
                      ))}
                    </div>
                  </CardContent>
                </Card>

<Card>
                  <CardHeader>
                    <CardTitle>严重程度分布</CardTitle>
                    <CardDescription>按优先级统计差异数量</CardDescription>
                  </CardHeader>
                  <CardContent>
                    <div className="space-y-6">
                      {[
                        { level: "高优先级", count: 15, color: "bg-red-600", description: "需立即处理" },
                        { level: "中优先级", count: 20, color: "bg-orange-600", description: "建议尽快处理" },
                        { level: "低优先级", count: 12, color: "bg-yellow-600", description: "可延后处理" },
                      ].map((item, i) => (
                        <div key={i} className="flex items-center gap-4">
                          <div className={`h-12 w-12 rounded-lg ${item.color} flex items-center justify-center`}>
                            <span className="text-xl font-bold text-white">{item.count}</span>
                          </div>
                          <div className="flex-1">
                            <div className="font-medium text-foreground">{item.level}</div>
                            <div className="text-sm text-muted-foreground">{item.description}</div>
                          </div>
                        </div>
                      ))}
                    </div>
                  </CardContent>
                </Card>
              </div>
            </TabsContent>

<TabsContent value="settings">
              <Card>
                <CardHeader>
                  <CardTitle>对比设置</CardTitle>
                  <CardDescription>配置数据对比的规则和频率</CardDescription>
                </CardHeader>
                <CardContent className="space-y-6">
                  <div className="space-y-2">
                    <Label htmlFor="compare-frequency">对比频率</Label>
                    <Input id="compare-frequency" placeholder="如：每天、每周" />
                  </div>

<div className="space-y-2">
                    <Label htmlFor="compare-fields">对比字段</Label>
                    <div className="grid gap-2 md:grid-cols-2">
                      {["法律状态", "年费信息", "著录项目", "审查意见", "发明人信息", "权利要求"].map((field) => (
                        <label key={field} className="flex items-center gap-2">
                          <input type="checkbox" defaultChecked className="rounded" />
                          <span className="text-sm text-foreground">{field}</span>
                        </label>
                      ))}
                    </div>
                  </div>

<div className="space-y-2">
                    <Label htmlFor="notification">差异通知</Label>
                    <div className="space-y-2">
                      <label className="flex items-center gap-2">
                        <input type="checkbox" defaultChecked className="rounded" />
                        <span className="text-sm text-foreground">发现高优先级差异时立即通知</span>
                      </label>
                      <label className="flex items-center gap-2">
                        <input type="checkbox" defaultChecked className="rounded" />
                        <span className="text-sm text-foreground">每日发送差异汇总报告</span>
                      </label>
                    </div>
                  </div>

<Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
        <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
          <DialogHeader>
            <DialogTitle className="text-xl">专利数据对比详情</DialogTitle>
            <DialogDescription>对比本地数据与国知局数据的详细差异信息</DialogDescription>
          </DialogHeader>

{selectedPatent && (
            <div className="space-y-6 py-4">
              {/* Patent basic info */}
              <div className="rounded-lg border border-border bg-muted/30 p-4">
                <div className="grid gap-3 md:grid-cols-2">
                  <div>
                    <Label className="text-xs text-muted-foreground">专利名称</Label>
                    <div className="mt-1 font-medium text-foreground">{selectedPatent.patentName}</div>
                  </div>
                  <div>
                    <Label className="text-xs text-muted-foreground">专利编号</Label>
                    <div className="mt-1 font-medium text-foreground">{selectedPatent.patentId}</div>
                  </div>
                  <div>
                    <Label className="text-xs text-muted-foreground">差异类型</Label>
                    <div className="mt-1">
                      <Badge variant="outline">{selectedPatent.field}</Badge>
                    </div>
                  </div>
                  <div>
                    <Label className="text-xs text-muted-foreground">最后检查时间</Label>
                    <div className="mt-1 text-sm text-foreground">{selectedPatent.lastChecked}</div>
                  </div>
                </div>
              </div>

{/* Color legend */}
              <div className="flex items-center gap-6 rounded-lg border border-border bg-muted/20 p-4">
                <div className="flex items-center gap-2">
                  <div className="h-4 w-4 rounded bg-blue-500" />
                  <span className="text-sm text-foreground">本地数据</span>
                </div>
                <div className="flex items-center gap-2">
                  <div className="h-4 w-4 rounded bg-amber-500" />
                  <span className="text-sm text-foreground">国知局数据</span>
                </div>
                <div className="flex items-center gap-2">
                  <Badge variant="destructive" className="text-xs">
                    差异标记
                  </Badge>
                  <span className="text-sm text-muted-foreground">表示数据不一致</span>
                </div>
              </div>

{/* Owners comparison */}
              {selectedPatent.localOwners &&
                selectedPatent.remoteOwners &&
                renderComparisonList(
                  selectedPatent.localOwners,
                  selectedPatent.remoteOwners,
                  "权利人对比",
                  <Users className="h-4 w-4" />,
                )}

{/* Inventors comparison */}
              {selectedPatent.localInventors &&
                selectedPatent.remoteInventors &&
                renderComparisonList(
                  selectedPatent.localInventors,
                  selectedPatent.remoteInventors,
                  "发明人对比",
                  <User className="h-4 w-4" />,
                )}

{/* Action buttons */}
              <div className="flex justify-end gap-3 pt-4 border-t border-border">
                <Button variant="outline" onClick={() => setIsDialogOpen(false)}>
                  关闭
                </Button>
                <Button variant="outline">导出对比报告</Button>
                <Button>同步至本地</Button>
              </div>
            </div>
          )}
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/commercialization/project/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Badge } from "@/components/ui/badge"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog"
import { Checkbox } from "@/components/ui/checkbox"
import { Search, Plus, Eye, FileEdit, TrendingUp, DollarSign, FileText, AlertCircle } from "lucide-react"
import { Alert, AlertDescription } from "@/components/ui/alert"

const mockResearchProjects = [
  {
    id: "RP2024001",
    name: "几类随机动力系统的稳定性研究",
    achievement: "一种基于动力稳定性的发明",
    field: "民生领域",
    startDate: "2025-09-30",
    leader: "张教授",
    department: "数学学院",
  },
  {
    id: "RP2024002",
    name: "人工智能算法优化研究",
    achievement: "深度学习优化算法",
    field: "信息技术",
    startDate: "2024-06-15",
    leader: "李教授",
    department: "计算机学院",
  },
]

export default function CommercializationProjectPage() {
  const [showConsentDialog, setShowConsentDialog] = useState(false)
  const [consentAgreed, setConsentAgreed] = useState(false)
  const [showForm, setShowForm] = useState(false)
  const [showProjectSearch, setShowProjectSearch] = useState(false)
  const [searchQuery, setSearchQuery] = useState("")
  const [searchResults, setSearchResults] = useState<typeof mockResearchProjects>([])
  const [selectedProject, setSelectedProject] = useState<(typeof mockResearchProjects)[0] | null>(null)

const [formData, setFormData] = useState({
    projectName: "",
    achievement: "",
    field: "",
    startDate: "",
    patentId: "",
    type: "",
    description: "",
  })

const handleNewProject = () => {
    setShowConsentDialog(true)
  }

const handleConsentAgree = () => {
    if (consentAgreed) {
      setShowConsentDialog(false)
      setShowForm(true)
      setConsentAgreed(false)
    }
  }

const handleProjectSearch = () => {
    if (searchQuery.trim()) {
      const results = mockResearchProjects.filter(
        (project) => project.name.includes(searchQuery) || project.achievement.includes(searchQuery),
      )
      setSearchResults(results)
    }
  }

const handleProjectSelect = (project: (typeof mockResearchProjects)[0]) => {
    setSelectedProject(project)
    setFormData({
      ...formData,
      projectName: project.name,
      achievement: project.achievement,
      field: project.field,
      startDate: project.startDate,
    })
    setShowProjectSearch(false)
    setSearchQuery("")
    setSearchResults([])
  }

const projects = [
    {
      id: "COM2024001",
      name: "深度学习图像识别技术转化",
      patentId: "P2024001",
      type: "技术转让",
      partner: "某科技有限公司",
      amount: "500万",
      status: "进行中",
      stage: "合同谈判",
      startDate: "2024-12-01",
    },
    {
      id: "COM2024002",
      name: "智能传感器产业化",
      patentId: "P2024002",
      type: "合作开发",
      partner: "某电子集团",
      amount: "300万",
      status: "已完成",
      stage: "项目验收",
      startDate: "2024-08-15",
    },
    {
      id: "COM2024003",
      name: "数据加密系统授权",
      patentId: "P2024008",
      type: "许可使用",
      partner: "某信息公司",
      amount: "150万",
      status: "进行中",
      stage: "技术对接",
      startDate: "2025-01-10",
    },
  ]

<div className="p-8">
          <div className="mb-6 grid gap-6 md:grid-cols-4">
            <Card>
              <CardHeader className="pb-3">
                <CardDescription>转化项目总数</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">28</div>
                  <div className="text-sm text-green-600">+3 本月</div>
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <CardDescription>进行中项目</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">12</div>
                  <TrendingUp className="h-5 w-5 text-blue-600" />
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <CardDescription>累计转化金额</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">¥8.5M</div>
                  <DollarSign className="h-5 w-5 text-green-600" />
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <CardDescription>转化成功率</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">75%</div>
                  <div className="text-sm text-muted-foreground">21/28</div>
                </div>
              </CardContent>
            </Card>
          </div>

<Dialog open={showConsentDialog} onOpenChange={setShowConsentDialog}>
            <DialogContent className="max-w-2xl">
              <DialogHeader>
                <DialogTitle className="flex items-center gap-2 text-xl">
                  <FileText className="h-5 w-5 text-primary" />
                  成果转化知情承诺书
                </DialogTitle>
                <DialogDescription>在提交转化申请前，请仔细阅读并同意以下承诺内容</DialogDescription>
              </DialogHeader>

<div className="max-h-96 space-y-4 overflow-y-auto rounded-lg border border-border bg-muted/30 p-6">
                <div className="space-y-3">
                  <h3 className="font-semibold text-card-foreground">一、知情承诺内容</h3>
                  <p className="text-sm leading-relaxed text-muted-foreground">
                    本人作为成果完成人，自愿将本人完成的科技成果进行转化，并承诺：
                  </p>

<div className="space-y-2 pl-4">
                    <p className="text-sm text-muted-foreground">
                      1. 本人确认所申报的成果信息真实、准确、完整，不存在知识产权纠纷；
                    </p>
                    <p className="text-sm text-muted-foreground">
                      2. 本人了解并同意学校关于成果转化的相关政策和收益分配方案；
                    </p>
                    <p className="text-sm text-muted-foreground">
                      3. 本人承诺在转化过程中遵守国家法律法规和学校规章制度；
                    </p>
                    <p className="text-sm text-muted-foreground">
                      4. 本人理解成果转化可能存在的风险，并愿意承担相应责任；
                    </p>
                    <p className="text-sm text-muted-foreground">
                      5. 本人同意配合学校完成成果转化的各项工作，包括但不限于技术对接、合同签订等。
                    </p>
                  </div>
                </div>

<div className="space-y-3 border-t border-border pt-4">
                  <h3 className="font-semibold text-card-foreground">二、权利与义务</h3>
                  <p className="text-sm leading-relaxed text-muted-foreground">
                    成果完成人享有依法获得成果转化收益的权利，同时应履行配合转化实施、保守技术秘密等义务。
                  </p>
                </div>

<div className="space-y-3 border-t border-border pt-4">
                  <h3 className="font-semibold text-card-foreground">三、法律责任</h3>
                  <p className="text-sm leading-relaxed text-muted-foreground">
                    如因成果完成人提供虚假信息或违反承诺导致的一切法律后果，由成果完成人自行承担。
                  </p>
                </div>

<Alert className="mt-4">
                  <AlertCircle className="h-4 w-4" />
                  <AlertDescription className="text-sm">
                    请仔细阅读以上内容，勾选下方同意选项后方可继续办理转化申请业务。
                  </AlertDescription>
                </Alert>
              </div>

<div className="flex items-center space-x-2 rounded-lg border border-primary/20 bg-primary/5 p-4">
                <Checkbox
                  id="consent"
                  checked={consentAgreed}
                  onCheckedChange={(checked) => setConsentAgreed(checked as boolean)}
                />
                <label
                  htmlFor="consent"
                  className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
                >
                  我已仔细阅读并同意以上全部内容，自愿签署本知情承诺书
                </label>
              </div>

<DialogFooter>
                <Button
                  variant="outline"
                  onClick={() => {
                    setShowConsentDialog(false)
                    setConsentAgreed(false)
                  }}
                >
                  取消
                </Button>
                <Button onClick={handleConsentAgree} disabled={!consentAgreed}>
                  同意并继续
                </Button>
              </DialogFooter>
            </DialogContent>
          </Dialog>

{showForm && (
            <Card className="mb-6">
              <CardHeader>
                <CardTitle>新增转化项目</CardTitle>
                <CardDescription>填写成果转化项目信息</CardDescription>
              </CardHeader>
              <CardContent>
                <Tabs defaultValue="basic" className="w-full">
                  <TabsList className="mb-6">
                    <TabsTrigger value="basic">基本信息</TabsTrigger>
                    <TabsTrigger value="partner">合作方信息</TabsTrigger>
                    <TabsTrigger value="financial">财务信息</TabsTrigger>
                  </TabsList>

<TabsContent value="basic" className="space-y-6">
                    <Alert>
                      <AlertCircle className="h-4 w-4" />
                      <AlertDescription>您可以搜索已有科研项目，系统将自动填充相关信息</AlertDescription>
                    </Alert>

<div className="space-y-2">
                      <Label>搜索科研项目</Label>
                      <div className="flex gap-2">
                        <Input
                          placeholder="输入项目名称，如：一种随机动力系统的稳定性研究"
                          value={searchQuery}
                          onChange={(e) => setSearchQuery(e.target.value)}
                          onKeyDown={(e) => {
                            if (e.key === "Enter") {
                              handleProjectSearch()
                            }
                          }}
                        />
                        <Button onClick={handleProjectSearch} variant="outline">
                          <Search className="mr-2 h-4 w-4" />
                          搜索
                        </Button>
                      </div>
                    </div>

{searchResults.length > 0 && (
                      <Card className="border-primary/20 bg-primary/5">
                        <CardHeader className="pb-3">
                          <CardTitle className="text-base">搜索结果</CardTitle>
                          <CardDescription>点击项目名称自动填充信息</CardDescription>
                        </CardHeader>
                        <CardContent>
                          <div className="space-y-2">
                            {searchResults.map((project) => (
                              <div
                                key={project.id}
                                className="flex cursor-pointer items-center justify-between rounded-lg border border-border bg-card p-3 transition-colors hover:bg-accent"
                                onClick={() => handleProjectSelect(project)}
                              >
                                <div className="space-y-1">
                                  <div className="font-medium text-card-foreground">{project.name}</div>
                                  <div className="flex gap-4 text-sm text-muted-foreground">
                                    <span>负责人：{project.leader}</span>
                                    <span>院系：{project.department}</span>
                                    <span>领域：{project.field}</span>
                                  </div>
                                </div>
                                <Button size="sm" variant="outline">
                                  选择
                                </Button>
                              </div>
                            ))}
                          </div>
                        </CardContent>
                      </Card>
                    )}

{selectedProject && (
                      <Alert className="border-green-200 bg-green-50">
                        <AlertCircle className="h-4 w-4 text-green-600" />
                        <AlertDescription className="text-green-800">
                          已选择项目：{selectedProject.name}，相关信息已自动填充
                        </AlertDescription>
                      </Alert>
                    )}

<div className="space-y-2">
                      <Label htmlFor="achievement">来源成果</Label>
                      <Input
                        id="achievement"
                        placeholder="请输入来源成果"
                        value={formData.achievement}
                        onChange={(e) => setFormData({ ...formData, achievement: e.target.value })}
                      />
                    </div>

<div className="space-y-2">
                      <Label htmlFor="project-name">项目名称</Label>
                      <Input
                        id="project-name"
                        placeholder="请输入项目名称"
                        value={formData.projectName}
                        onChange={(e) => setFormData({ ...formData, projectName: e.target.value })}
                      />
                    </div>

<div className="grid gap-6 md:grid-cols-2">
                      <div className="space-y-2">
                        <Label htmlFor="field">应用领域</Label>
                        <Input
                          id="field"
                          placeholder="请输入应用领域"
                          value={formData.field}
                          onChange={(e) => setFormData({ ...formData, field: e.target.value })}
                        />
                      </div>

<div className="space-y-2">
                        <Label htmlFor="start-date">开始时间</Label>
                        <Input
                          id="start-date"
                          type="date"
                          value={formData.startDate}
                          onChange={(e) => setFormData({ ...formData, startDate: e.target.value })}
                        />
                      </div>
                    </div>

<div className="grid gap-6 md:grid-cols-2">
                      <div className="space-y-2">
                        <Label htmlFor="patent-select">关联专利</Label>
                        <Select
                          value={formData.patentId}
                          onValueChange={(value) => setFormData({ ...formData, patentId: value })}
                        >
                          <SelectTrigger id="patent-select">
                            <SelectValue placeholder="选择专利" />
                          </SelectTrigger>
                          <SelectContent>
                            <SelectItem value="p1">P2024001 - 图像识别方法</SelectItem>
                            <SelectItem value="p2">P2024002 - 智能传感器</SelectItem>
                            <SelectItem value="p3">P2024003 - 数据处理系统</SelectItem>
                          </SelectContent>
                        </Select>
                      </div>

<div className="space-y-2">
                        <Label htmlFor="project-type">转化类型</Label>
                        <Select
                          value={formData.type}
                          onValueChange={(value) => setFormData({ ...formData, type: value })}
                        >
                          <SelectTrigger id="project-type">
                            <SelectValue placeholder="选择转化类型" />
                          </SelectTrigger>
                          <SelectContent>
                            <SelectItem value="transfer">技术转让</SelectItem>
                            <SelectItem value="license">许可使用</SelectItem>
                            <SelectItem value="cooperation">合作开发</SelectItem>
                            <SelectItem value="investment">作价入股</SelectItem>
                          </SelectContent>
                        </Select>
                      </div>
                    </div>

<div className="space-y-2">
                      <Label htmlFor="project-description">项目描述</Label>
                      <Textarea
                        id="project-description"
                        placeholder="请描述项目的技术内容和转化目标"
                        className="min-h-32"
                        value={formData.description}
                        onChange={(e) => setFormData({ ...formData, description: e.target.value })}
                      />
                    </div>
                  </TabsContent>

<TabsContent value="partner" className="space-y-6">
                    <div className="space-y-2">
                      <Label htmlFor="partner-name">合作方名称</Label>
                      <Input id="partner-name" placeholder="请输入合作方名称" />
                    </div>

<div className="space-y-2">
                      <Label htmlFor="partner-address">合作方地址</Label>
                      <Input id="partner-address" placeholder="请输入详细地址" />
                    </div>
                  </TabsContent>

<div className="space-y-2">
                        <Label htmlFor="payment-method">付款方式</Label>
                        <Select>
                          <SelectTrigger id="payment-method">
                            <SelectValue placeholder="选择付款方式" />
                          </SelectTrigger>
                          <SelectContent>
                            <SelectItem value="lump">一次性付款</SelectItem>
                            <SelectItem value="installment">分期付款</SelectItem>
                            <SelectItem value="royalty">提成分成</SelectItem>
                          </SelectContent>
                        </Select>
                      </div>
                    </div>

<div className="mt-6 flex justify-end gap-4">
                  <Button
                    variant="outline"
                    onClick={() => {
                      setShowForm(false)
                      setSelectedProject(null)
                      setFormData({
                        projectName: "",
                        achievement: "",
                        field: "",
                        startDate: "",
                        patentId: "",
                        type: "",
                        description: "",
                      })
                    }}
                  >
                    取消
                  </Button>
                  <Button onClick={() => setShowForm(false)}>提交立项</Button>
                </div>
              </CardContent>
            </Card>
          )}

<Card>
            <CardHeader>
              <div className="flex items-center justify-between">
                <div>
                  <CardTitle>转化项目列表</CardTitle>
                  <CardDescription>查看所有成果转化项目</CardDescription>
                </div>
                <div className="flex gap-2">
                  <Input placeholder="搜索项目名称或专利" className="w-64" />
                  <Button variant="outline">
                    <Search className="h-4 w-4" />
                  </Button>
                </div>
              </div>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>项目编号</TableHead>
                    <TableHead>项目名称</TableHead>
                    <TableHead>关联专利</TableHead>
                    <TableHead>转化类型</TableHead>
                    <TableHead>合作方</TableHead>
                    <TableHead>转化金额</TableHead>
                    <TableHead>当前阶段</TableHead>
                    <TableHead>状态</TableHead>
                    <TableHead className="text-right">操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {projects.map((project) => (
                    <TableRow key={project.id}>
                      <TableCell className="font-medium">{project.id}</TableCell>
                      <TableCell>{project.name}</TableCell>
                      <TableCell>
                        <Badge variant="outline">{project.patentId}</Badge>
                      </TableCell>
                      <TableCell>{project.type}</TableCell>
                      <TableCell>{project.partner}</TableCell>
                      <TableCell className="font-medium">{project.amount}</TableCell>
                      <TableCell>
                        <Badge variant="secondary">{project.stage}</Badge>
                      </TableCell>
                      <TableCell>
                        <Badge variant={project.status === "已完成" ? "default" : "secondary"}>{project.status}</Badge>
                      </TableCell>
                      <TableCell className="text-right">
                        <div className="flex justify-end gap-2">
                          <Button variant="ghost" size="sm">
                            <Eye className="h-4 w-4" />
                          </Button>
                          <Button variant="ghost" size="sm">
                            <FileEdit className="h-4 w-4" />
                          </Button>
                        </div>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/system/search/page.tsx" isEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Badge } from "@/components/ui/badge"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Checkbox } from "@/components/ui/checkbox"
import { Textarea } from "@/components/ui/textarea"
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog"
import { Search, Filter, Download, Eye, Send } from "lucide-react"

type MessageTemplate = {
  id: string
  name: string
  subject: string
  content: string
}

export default function SearchPage() {
  const [showResults, setShowResults] = useState(false)
  const [isMessageDialogOpen, setIsMessageDialogOpen] = useState(false)
  const [selectedPatents, setSelectedPatents] = useState<string[]>([])
  const [sendScope, setSendScope] = useState<"all" | "current" | "selected">("selected")
  const [selectedRecipients, setSelectedRecipients] = useState<string[]>([])
  const [selectedTemplate, setSelectedTemplate] = useState<string>("")
  const [messageSubject, setMessageSubject] = useState("")
  const [messageContent, setMessageContent] = useState("")

const searchResults = [
    {
      id: "P2024001",
      title: "一种基于深度学习的图像识别方法",
      type: "发明专利",
      status: "已授权",
      inventors: "张三、李四、王五",
      department: "计算机学院",
      applicationDate: "2024-01-15",
      authorizationDate: "2024-08-20",
      projectLeader: "张三",
      technicalContact: "李四",
      agency: "北京知识产权代理有限公司",
    },
    {
      id: "P2024002",
      title: "智能传感器装置",
      type: "实用新型",
      status: "实质审查",
      inventors: "李四、赵六",
      department: "电子工程学院",
      applicationDate: "2024-02-20",
      authorizationDate: "-",
      projectLeader: "李四",
      technicalContact: "赵六",
      agency: "上海专利事务所",
    },
    {
      id: "P2024003",
      title: "数据处理系统及方法",
      type: "发明专利",
      status: "已授权",
      inventors: "王五、孙七",
      department: "计算机学院",
      applicationDate: "2024-03-10",
      authorizationDate: "2024-10-15",
      projectLeader: "王五",
      technicalContact: "孙七",
      agency: "北京知识产权代理有限公司",
    },
  ]

const messageTemplates: MessageTemplate[] = [
    {
      id: "T001",
      name: "专利年费缴纳提醒",
      subject: "【重要】专利年费缴纳通知",
      content: "您好！您的专利即将到期，请及时缴纳年费以维持专利权有效。",
    },
    {
      id: "T002",
      name: "专利审查意见答复",
      subject: "专利审查意见答复通知",
      content: "您的专利收到审查意见，请尽快组织答复材料。",
    },
    {
      id: "T003",
      name: "专利授权通知",
      subject: "【喜讯】专利授权通知",
      content: "恭喜！您的专利已获得授权，请查收授权证书。",
    },
    {
      id: "T004",
      name: "专利信息核对",
      subject: "专利信息核对通知",
      content: "请核对您的专利信息是否准确，如有问题请及时反馈。",
    },
  ]

const recipientTypes = [
    { id: "project-leader", label: "项目负责人" },
    { id: "technical-contact", label: "技术内容联系人" },
    { id: "inventors", label: "发明人" },
    { id: "agency", label: "代理机构" },
  ]

const handlePatentSelect = (patentId: string) => {
    setSelectedPatents((prev) => (prev.includes(patentId) ? prev.filter((id) => id !== patentId) : [...prev, patentId]))
  }

const handleSelectAll = () => {
    if (selectedPatents.length === searchResults.length) {
      setSelectedPatents([])
    } else {
      setSelectedPatents(searchResults.map((r) => r.id))
    }
  }

const handleTemplateSelect = (templateId: string) => {
    const template = messageTemplates.find((t) => t.id === templateId)
    if (template) {
      setSelectedTemplate(templateId)
      setMessageSubject(template.subject)
      setMessageContent(template.content)
    }
  }

const handleSendMessage = () => {
    console.log("[v0] Sending message:", {
      scope: sendScope,
      recipients: selectedRecipients,
      subject: messageSubject,
      content: messageContent,
      patents:
        sendScope === "selected" ? selectedPatents : sendScope === "current" ? searchResults.map((r) => r.id) : "all",
    })
    setIsMessageDialogOpen(false)
    // Reset form
    setSelectedRecipients([])
    setSelectedTemplate("")
    setMessageSubject("")
    setMessageContent("")
  }

return (
    <div className="flex h-screen">
      <SidebarNav />
      <div className="flex-1 overflow-y-auto">
        <div className="border-b border-border bg-card px-8 py-6">
          <h1 className="text-2xl font-semibold text-card-foreground">专利查询</h1>
          <p className="mt-1 text-sm text-muted-foreground">检索和查询专利信息</p>
        </div>

<div className="p-8">
          <Card className="mb-6">
            <CardHeader>
              <CardTitle>高级检索</CardTitle>
              <CardDescription>使用多个条件组合查询专利，支持模糊查询</CardDescription>
            </CardHeader>
            <CardContent className="space-y-6">
              <div className="grid gap-6 md:grid-cols-2">
                <div className="space-y-2">
                  <Label htmlFor="search-keyword">关键词（支持模糊查询）</Label>
                  <Input
                    id="search-keyword"
                    placeholder="例如：一种基于深度学习的图像识别方法"
                    defaultValue="一种基于深度学习的图像识别方法"
                  />
                </div>

<div className="space-y-2">
                  <Label htmlFor="search-department">所属院系</Label>
                  <Select>
                    <SelectTrigger id="search-department">
                      <SelectValue placeholder="选择院系" />
                    </SelectTrigger>
                    <SelectContent>
                      <SelectItem value="all">全部</SelectItem>
                      <SelectItem value="cs">计算机学院</SelectItem>
                      <SelectItem value="ee">电子工程学院</SelectItem>
                      <SelectItem value="me">机械工程学院</SelectItem>
                    </SelectContent>
                  </Select>
                </div>
              </div>

<div className="flex justify-end gap-4">
                <Button variant="outline">
                  <Filter className="mr-2 h-4 w-4" />
                  重置
                </Button>
                <Button onClick={() => setShowResults(true)}>
                  <Search className="mr-2 h-4 w-4" />
                  查询
                </Button>
              </div>
            </CardContent>
          </Card>

{showResults && (
            <Card>
              <CardHeader>
                <div className="flex items-center justify-between">
                  <div>
                    <CardTitle>查询结果</CardTitle>
                    <CardDescription>
                      共找到 {searchResults.length} 条记录
                      {selectedPatents.length > 0 && ` · 已选择 ${selectedPatents.length} 条`}
                    </CardDescription>
                  </div>
                  <div className="flex gap-2">
                    <Button
                      variant="default"
                      onClick={() => setIsMessageDialogOpen(true)}
                      disabled={sendScope === "selected" && selectedPatents.length === 0}
                    >
                      <Send className="mr-2 h-4 w-4" />
                      发送消息
                    </Button>
                    <Button variant="outline">
                      <Download className="mr-2 h-4 w-4" />
                      导出结果
                    </Button>
                  </div>
                </div>
              </CardHeader>
              <CardContent>
                <div className="mb-4 flex items-center gap-2 border-b border-border pb-3">
                  <Checkbox
                    checked={selectedPatents.length === searchResults.length}
                    onCheckedChange={handleSelectAll}
                  />
                  <Label className="cursor-pointer text-sm font-medium" onClick={handleSelectAll}>
                    全选当前页
                  </Label>
                  {selectedPatents.length > 0 && (
                    <Badge variant="secondary" className="ml-2">
                      {selectedPatents.length} 条已选
                    </Badge>
                  )}
                </div>

<div className="space-y-4">
                  {searchResults.map((result) => (
                    <div key={result.id} className="rounded-lg border border-border p-4">
                      <div className="flex items-start gap-4">
                        <Checkbox
                          checked={selectedPatents.includes(result.id)}
                          onCheckedChange={() => handlePatentSelect(result.id)}
                          className="mt-1"
                        />

<div className="flex-1">
                          <div className="flex items-center gap-3">
                            <div className="font-medium text-lg text-foreground">{result.title}</div>
                            <Badge variant="outline">{result.id}</Badge>
                          </div>

<div className="mt-3 grid gap-3 md:grid-cols-2 lg:grid-cols-4">
                            <div>
                              <Label className="text-xs text-muted-foreground">专利类型</Label>
                              <div className="mt-1 text-sm text-foreground">{result.type}</div>
                            </div>
                            <div>
                              <Label className="text-xs text-muted-foreground">专利状态</Label>
                              <div className="mt-1">
                                <Badge variant={result.status === "已授权" ? "default" : "secondary"}>
                                  {result.status}
                                </Badge>
                              </div>
                            </div>
                            <div>
                              <Label className="text-xs text-muted-foreground">发明人</Label>
                              <div className="mt-1 text-sm text-foreground">{result.inventors}</div>
                            </div>
                            <div>
                              <Label className="text-xs text-muted-foreground">所属院系</Label>
                              <div className="mt-1 text-sm text-foreground">{result.department}</div>
                            </div>
                          </div>

<div className="mt-3 flex items-center gap-4 text-xs text-muted-foreground">
                            <span>申请日期: {result.applicationDate}</span>
                            {result.authorizationDate !== "-" && (
                              <>
                                <span>•</span>
                                <span>授权日期: {result.authorizationDate}</span>
                              </>
                            )}
                          </div>
                        </div>

<Dialog open={isMessageDialogOpen} onOpenChange={setIsMessageDialogOpen}>
        <DialogContent className="max-w-3xl max-h-[90vh] overflow-y-auto">
          <DialogHeader>
            <DialogTitle>发送消息</DialogTitle>
            <DialogDescription>向专利相关人员发送通知消息</DialogDescription>
          </DialogHeader>

<div className="space-y-6 py-4">
            {/* Step 1: Select scope */}
            <div className="space-y-3">
              <Label className="text-base font-semibold">1. 选择发送范围</Label>
              <div className="grid gap-3 md:grid-cols-3">
                <button
                  onClick={() => setSendScope("all")}
                  className={`rounded-lg border-2 p-4 text-left transition-colors ${
                    sendScope === "all" ? "border-primary bg-primary/5" : "border-border hover:border-primary/50"
                  }`}
                >
                  <div className="font-medium">所有查询记录</div>
                  <div className="mt-1 text-sm text-muted-foreground">发送给所有查询结果</div>
                </button>
                <button
                  onClick={() => setSendScope("current")}
                  className={`rounded-lg border-2 p-4 text-left transition-colors ${
                    sendScope === "current" ? "border-primary bg-primary/5" : "border-border hover:border-primary/50"
                  }`}
                >
                  <div className="font-medium">当前页记录</div>
                  <div className="mt-1 text-sm text-muted-foreground">发送给当前页 {searchResults.length} 条记录</div>
                </button>
                <button
                  onClick={() => setSendScope("selected")}
                  className={`rounded-lg border-2 p-4 text-left transition-colors ${
                    sendScope === "selected" ? "border-primary bg-primary/5" : "border-border hover:border-primary/50"
                  }`}
                >
                  <div className="font-medium">页面选中记录</div>
                  <div className="mt-1 text-sm text-muted-foreground">发送给已选 {selectedPatents.length} 条记录</div>
                </button>
              </div>
            </div>

{/* Step 2: Select recipients */}
            <div className="space-y-3">
              <Label className="text-base font-semibold">2. 选择接收对象</Label>
              <div className="grid gap-3 md:grid-cols-2">
                {recipientTypes.map((type) => (
                  <label
                    key={type.id}
                    className="flex items-center gap-3 rounded-lg border border-border p-4 cursor-pointer hover:bg-accent/50 transition-colors"
                  >
                    <Checkbox
                      checked={selectedRecipients.includes(type.id)}
                      onCheckedChange={(checked) => {
                        if (checked) {
                          setSelectedRecipients([...selectedRecipients, type.id])
                        } else {
                          setSelectedRecipients(selectedRecipients.filter((id) => id !== type.id))
                        }
                      }}
                    />
                    <div className="flex-1">
                      <div className="font-medium">{type.label}</div>
                    </div>
                  </label>
                ))}
              </div>
              {selectedRecipients.length > 0 && (
                <div className="rounded-lg bg-blue-50 dark:bg-blue-950/20 p-3 text-sm">
                  <div className="font-medium text-blue-900 dark:text-blue-100">
                    已选择 {selectedRecipients.length} 类接收对象
                  </div>
                  <div className="mt-1 text-blue-700 dark:text-blue-300">
                    {selectedRecipients.map((id) => recipientTypes.find((t) => t.id === id)?.label).join("、")}
                  </div>
                </div>
              )}
            </div>

{/* Step 3: Select template */}
            <div className="space-y-3">
              <Label className="text-base font-semibold">3. 选择消息模板（可选）</Label>
              <Select value={selectedTemplate} onValueChange={handleTemplateSelect}>
                <SelectTrigger>
                  <SelectValue placeholder="选择消息模板或自定义编写" />
                </SelectTrigger>
                <SelectContent>
                  {messageTemplates.map((template) => (
                    <SelectItem key={template.id} value={template.id}>
                      {template.name}
                    </SelectItem>
                  ))}
                </SelectContent>
              </Select>
            </div>

{/* Step 4: Compose message */}
            <div className="space-y-3">
              <Label className="text-base font-semibold">4. 编写消息内容</Label>
              <div className="space-y-4">
                <div className="space-y-2">
                  <Label htmlFor="message-subject">消息主题</Label>
                  <Input
                    id="message-subject"
                    placeholder="请输入消息主题"
                    value={messageSubject}
                    onChange={(e) => setMessageSubject(e.target.value)}
                  />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="message-content">消息内容</Label>
                  <Textarea
                    id="message-content"
                    placeholder="请输入消息内容"
                    rows={6}
                    value={messageContent}
                    onChange={(e) => setMessageContent(e.target.value)}
                  />
                </div>
              </div>
            </div>

{/* Summary */}
            <div className="rounded-lg border border-border bg-muted/50 p-4">
              <div className="font-medium mb-2">发送预览</div>
              <div className="space-y-1 text-sm text-muted-foreground">
                <div>
                  发送范围：
                  {sendScope === "all" && "所有查询记录"}
                  {sendScope === "current" && `当前页 ${searchResults.length} 条记录`}
                  {sendScope === "selected" && `已选中 ${selectedPatents.length} 条记录`}
                </div>
                <div>
                  接收对象：
                  {selectedRecipients.length > 0
                    ? selectedRecipients.map((id) => recipientTypes.find((t) => t.id === id)?.label).join("、")
                    : "未选择"}
                </div>
                <div>消息主题：{messageSubject || "未填写"}</div>
              </div>
            </div>

<div className="flex justify-end gap-4">
              <Button variant="outline" onClick={() => setIsMessageDialogOpen(false)}>
                取消
              </Button>
              <Button
                onClick={handleSendMessage}
                disabled={
                  selectedRecipients.length === 0 ||
                  !messageSubject ||
                  !messageContent ||
                  (sendScope === "selected" && selectedPatents.length === 0)
                }
              >
                <Send className="mr-2 h-4 w-4" />
                发送消息
              </Button>
            </div>
          </div>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/patent/change-guide/page.tsx" isMerged="true"
"use client"

export default function PatentChangeGuidePage() {
  const [expandedMaterial, setExpandedMaterial] = useState<string | null>(null)

const processSteps = [
    { title: "提交申请", description: "通过系统提交专利变更申请" },
    { title: "初审", description: "知识产权专员进行初步审核" },
    { title: "复审", description: "上级部门进行复审确认" },
    { title: "反馈", description: "代理机构回复审查意见" },
    { title: "变更生效", description: "提交国知局，变更生效" },
  ]

const requiredMaterials = [
    {
      id: "form",
      title: "专利变更申请表",
      description: "填写完整的专利变更申请表，需加盖学校公章",
      documents: ["专利变更申请表.docx"],
    },
    {
      id: "proof",
      title: "身份证明文件",
      description: "申请人或权利人的身份证明（身份证、营业执照等）",
      documents: ["身份证明复印件"],
    },
    {
      id: "authorization",
      title: "授权书（可选）",
      description: "如由他人代理，需提供授权书原件或复印件",
      documents: ["授权书.docx"],
    },
    {
      id: "certificate",
      title: "变更证明文件",
      description: "发明人变更需提供变更协议或其他证明文件",
      documents: ["变更协议.docx"],
    },
    {
      id: "other",
      title: "其他证明文件",
      description: "根据具体变更情况提供的相关证明文件",
      documents: ["证明文件"],
    },
  ]

const preconditions = [
    "专利申请已获得初步审查通过",
    "申请人或权利人与系统注册信息相符",
    "变更内容符合法律规定",
    "所有必需材料已准备完整",
    "申请人无在审专利异议或无效案件",
  ]

const precautions = [
    "请确保填写的信息准确无误，错误信息可能导致审核不通过",
    "发明人变更时，新增发明人需提供知情同意的电子签名确认",
    "权利人变更需要提供相关法律文件或转让协议",
    "变更申请应在相关变更事实发生后6个月内提交",
    "对于涉及代理机构变更的申请，需代理机构确认后方可生效",
    "国知局受理后通常需要1-3个月时间进行审查",
    "不同类型的变更可能需要提供不同的补充材料",
    "建议保留所有往来文件的备份",
  ]

const templates = [
    { name: "专利变更申请表.docx", size: "45 KB" },
    { name: "发明人变更协议.docx", size: "32 KB" },
    { name: "专利权人变更协议.docx", size: "38 KB" },
    { name: "授权书模板.docx", size: "28 KB" },
  ]

const departmentInfo = {
    name: "知识产权事务中心",
    hours: "工作日 8:30-11:30, 13:00-17:30",
    location: "学院路校区 科技楼 302室",
    phone: "010-68918520",
    email: "kp@university.edu.cn",
  }

return (
    <div className="flex h-screen">
      <SidebarNav />
      <div className="flex-1 overflow-y-auto">
        <div className="border-b border-border bg-card px-8 py-6">
          <h1 className="text-2xl font-semibold text-card-foreground">专利变更业务指南</h1>
          <p className="mt-1 text-sm text-muted-foreground">了解专利变更申请的完整流程、所需材料和注意事项</p>
        </div>

<div className="p-8 space-y-8">
          {/* 业务办理部门信息 */}
          <Card className="border-blue-200 bg-blue-50">
            <CardHeader>
              <CardTitle className="flex items-center gap-2">
                <Building2 className="h-5 w-5 text-blue-600" />
                业务办理部门
              </CardTitle>
            </CardHeader>
            <CardContent>
              <div className="grid gap-6 md:grid-cols-3">
                <div className="flex items-start gap-3">
                  <MapPin className="h-5 w-5 text-blue-600 mt-0.5 flex-shrink-0" />
                  <div>
                    <div className="text-sm font-medium text-foreground">办理地点</div>
                    <div className="text-sm text-muted-foreground mt-1">{departmentInfo.location}</div>
                  </div>
                </div>
                <div className="flex items-start gap-3">
                  <Clock className="h-5 w-5 text-blue-600 mt-0.5 flex-shrink-0" />
                  <div>
                    <div className="text-sm font-medium text-foreground">办理时间</div>
                    <div className="text-sm text-muted-foreground mt-1">{departmentInfo.hours}</div>
                  </div>
                </div>
                <div className="space-y-2">
                  <div className="flex items-center gap-2">
                    <Phone className="h-4 w-4 text-blue-600" />
                    <span className="text-sm text-muted-foreground">{departmentInfo.phone}</span>
                  </div>
                  <div className="flex items-center gap-2">
                    <Mail className="h-4 w-4 text-blue-600" />
                    <span className="text-sm text-muted-foreground">{departmentInfo.email}</span>
                  </div>
                </div>
              </div>
            </CardContent>
          </Card>

{/* 内容标签页 */}
          <Tabs defaultValue="service" className="space-y-4">
            <TabsList className="grid w-full grid-cols-5 bg-muted">
              <TabsTrigger value="service">服务说明</TabsTrigger>
              <TabsTrigger value="process">办理流程</TabsTrigger>
              <TabsTrigger value="precondition">办理前提</TabsTrigger>
              <TabsTrigger value="materials">所需材料</TabsTrigger>
              <TabsTrigger value="precautions">注意事项</TabsTrigger>
            </TabsList>

{/* 服务说明标签 */}
            <TabsContent value="service" className="space-y-4">
              <Card>
                <CardHeader>
                  <CardTitle>服务说明</CardTitle>
                  <CardDescription>专利变更申请的相关说明</CardDescription>
                </CardHeader>
                <CardContent className="space-y-4">
                  <div className="space-y-4">
                    <div className="border-l-4 border-blue-500 pl-4">
                      <h4 className="font-semibold text-foreground">变更范围</h4>
                      <p className="text-sm text-muted-foreground mt-2">
                        本服务支持发明人变更、专利权人变更、地址变更、代理机构变更等多种类型的专利信息变更申请。
                      </p>
                    </div>

<div className="border-l-4 border-blue-500 pl-4">
                      <h4 className="font-semibold text-foreground">服务目标</h4>
                      <p className="text-sm text-muted-foreground mt-2">
                        帮助您快速、便捷地办理专利信息变更手续，确保您的专利信息准确无误，维护您的合法权益。
                      </p>
                    </div>

<div className="border-l-4 border-blue-500 pl-4">
                      <h4 className="font-semibold text-foreground">处理周期</h4>
                      <p className="text-sm text-muted-foreground mt-2">
                        校内审核通常需要3-5个工作日，经代理机构提交国知局后，国知局审查需要1-3个月时间。
                      </p>
                    </div>

<div className="border-l-4 border-blue-500 pl-4">
                      <h4 className="font-semibold text-foreground">费用信息</h4>
                      <p className="text-sm text-muted-foreground mt-2">
                        学校承担国知局规定的变更费用，申请人无需额外支付费用。
                      </p>
                    </div>
                  </div>

<div className="rounded-lg bg-blue-50 p-4 border border-blue-200">
                    <p className="text-sm text-foreground">
                      <span className="font-semibold">温馨提示：</span>
                      在提交变更申请前，请仔细检查所有信息的准确性。如需技术支持，请联系知识产权事务中心。
                    </p>
                  </div>
                </CardContent>
              </Card>
            </TabsContent>

{/* 办理流程标签 */}
            <TabsContent value="process" className="space-y-4">
              <Card>
                <CardHeader>
                  <CardTitle>业务办理流程</CardTitle>
                  <CardDescription>从申请到变更生效的完整流程</CardDescription>
                </CardHeader>
                <CardContent>
                  <div className="space-y-4">
                    {processSteps.map((step, index) => (
                      <div key={index} className="flex items-start gap-4">
                        <div className="flex flex-col items-center">
                          <div className="flex h-10 w-10 items-center justify-center rounded-full bg-blue-600 text-white font-semibold">
                            {index + 1}
                          </div>
                          {index < processSteps.length - 1 && <div className="h-12 w-0.5 bg-blue-200 my-2" />}
                        </div>
                        <div className="flex-1 pt-1">
                          <h4 className="font-semibold text-foreground">{step.title}</h4>
                          <p className="text-sm text-muted-foreground mt-1">{step.description}</p>
                        </div>
                      </div>
                    ))}
                  </div>

<div className="mt-8 rounded-lg bg-amber-50 border border-amber-200 p-4">
                    <div className="flex gap-3">
                      <AlertCircle className="h-5 w-5 text-amber-600 flex-shrink-0 mt-0.5" />
                      <div className="text-sm text-amber-900">
                        <p className="font-semibold">重要提醒</p>
                        <p className="mt-1">每个流程阶段可能需要1-10个工作日，具体时间取决于材料的完整性和复杂度。</p>
                      </div>
                    </div>
                  </div>
                </CardContent>
              </Card>

{/* 文档模板下载 */}
              <Card>
                <CardHeader>
                  <CardTitle className="flex items-center gap-2">
                    <Download className="h-5 w-5" />
                    文档模板下载
                  </CardTitle>
                  <CardDescription>下载业务办理所需的模板文件</CardDescription>
                </CardHeader>
                <CardContent>
                  <div className="space-y-2">
                    {templates.map((template) => (
                      <div
                        key={template.name}
                        className="flex items-center justify-between rounded-lg border border-border p-4 hover:bg-muted/50 transition-colors"
                      >
                        <div className="flex items-center gap-3">
                          <FileText className="h-5 w-5 text-blue-600" />
                          <div>
                            <div className="font-medium text-foreground">{template.name}</div>
                            <div className="text-xs text-muted-foreground">{template.size}</div>
                          </div>
                        </div>
                        <Button variant="outline" size="sm">
                          <Download className="h-4 w-4 mr-2" />
                          下载
                        </Button>
                      </div>
                    ))}
                  </div>
                </CardContent>
              </Card>
            </TabsContent>

{/* 办理前提标签 */}
            <TabsContent value="precondition" className="space-y-4">
              <Card>
                <CardHeader>
                  <CardTitle className="flex items-center gap-2">
                    <CheckCircle className="h-5 w-5 text-blue-600" />
                    办理前提
                  </CardTitle>
                  <CardDescription>申请前必须满足以下条件</CardDescription>
                </CardHeader>
                <CardContent>
                  <div className="space-y-3">
                    {preconditions.map((condition, index) => (
                      <div key={index} className="flex items-start gap-3">
                        <div className="flex h-6 w-6 items-center justify-center rounded-full bg-blue-100 text-blue-600 text-sm font-semibold flex-shrink-0">
                          ✓
                        </div>
                        <span className="text-sm text-foreground pt-0.5">{condition}</span>
                      </div>
                    ))}
                  </div>

<div className="mt-6 rounded-lg bg-green-50 border border-green-200 p-4">
                    <p className="text-sm text-green-900">
                      <span className="font-semibold">检查清单：</span>
                      请在提交申请前确认上述所有条件都已满足，未满足条件的申请将被驳回。
                    </p>
                  </div>
                </CardContent>
              </Card>
            </TabsContent>

{/* 所需材料标签 */}
            <TabsContent value="materials" className="space-y-4">
              <Card>
                <CardHeader>
                  <CardTitle className="flex items-center gap-2">
                    <FileText className="h-5 w-5 text-blue-600" />
                    所需材料
                  </CardTitle>
                  <CardDescription>准备专利变更申请所需的全部材料</CardDescription>
                </CardHeader>
                <CardContent className="space-y-4">
                  {requiredMaterials.map((material) => (
                    <div key={material.id} className="border border-border rounded-lg overflow-hidden">
                      <button
                        onClick={() => setExpandedMaterial(expandedMaterial === material.id ? null : material.id)}
                        className="w-full flex items-center justify-between p-4 hover:bg-muted/50 transition-colors text-left"
                      >
                        <div className="flex items-start gap-3 flex-1">
                          <FileText className="h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" />
                          <div>
                            <div className="font-medium text-foreground">{material.title}</div>
                            <div className="text-sm text-muted-foreground mt-1">{material.description}</div>
                          </div>
                        </div>
                        <ArrowRight
                          className={`h-5 w-5 text-muted-foreground flex-shrink-0 transition-transform ${
                            expandedMaterial === material.id ? "rotate-90" : ""
                          }`}
                        />
                      </button>

{expandedMaterial === material.id && (
                        <div className="border-t border-border bg-muted/30 p-4 space-y-2">
                          {material.documents.map((doc) => (
                            <div key={doc} className="flex items-center justify-between text-sm">
                              <span className="text-muted-foreground">• {doc}</span>
                              <Button variant="ghost" size="sm">
                                <Download className="h-4 w-4" />
                              </Button>
                            </div>
                          ))}
                        </div>
                      )}
                    </div>
                  ))}
                </CardContent>
              </Card>
            </TabsContent>

{/* 注意事项标签 */}
            <TabsContent value="precautions" className="space-y-4">
              <Card>
                <CardHeader>
                  <CardTitle className="flex items-center gap-2">
                    <AlertCircle className="h-5 w-5 text-amber-600" />
                    注意事项
                  </CardTitle>
                  <CardDescription>提交申请前请仔细阅读以下事项</CardDescription>
                </CardHeader>
                <CardContent>
                  <div className="space-y-3">
                    {precautions.map((precaution, index) => (
                      <div
                        key={index}
                        className="flex items-start gap-3 rounded-lg bg-amber-50 border border-amber-200 p-4"
                      >
                        <AlertCircle className="h-5 w-5 text-amber-600 flex-shrink-0 mt-0.5" />
                        <p className="text-sm text-amber-900">{precaution}</p>
                      </div>
                    ))}
                  </div>

<div className="mt-6 flex gap-3">
                    <Button className="flex-1">我已阅读并理解上述事项</Button>
                  </div>
                </CardContent>
              </Card>
            </TabsContent>
          </Tabs>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/copyright/manage/page.tsx" isEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Badge } from "@/components/ui/badge"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Search, Plus, Eye, FileEdit, Download, CheckCircle } from "lucide-react"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogHeader,
  DialogTitle,
  DialogFooter,
} from "@/components/ui/dialog"
import { Label } from "@/components/ui/label"
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
import { Checkbox } from "@/components/ui/checkbox"
import { Textarea } from "@/components/ui/textarea"

export default function CopyrightManagePage() {
  const [copyrights, setCopyrights] = useState([
    {
      id: "SR2024001",
      name: "智能数据分析平台V1.0",
      type: "软件著作权",
      status: "已登记",
      registrationDate: "2024-01-20",
      owner: "计算机学院",
      applicant: "张教授",
      rightType: "完全权益",
      needsReview: false,
    },
    {
      id: "SR2024002",
      name: "在线教育管理系统V2.0",
      type: "软件著作权",
      status: "审核中",
      registrationDate: "-",
      owner: "软件学院",
      applicant: "李教授",
      rightType: null,
      needsReview: null,
    },
    {
      id: "SR2024003",
      name: "物联网监控平台V1.5",
      type: "软件著作权",
      status: "已登记",
      registrationDate: "2024-02-15",
      owner: "电子工程学院",
      applicant: "王教授",
      rightType: "部分权益",
      rightDescription: "拥有核心算法的权益",
      needsReview: true,
    },
    {
      id: "SR2024004",
      name: "移动应用开发框架V3.0",
      type: "软件著作权",
      status: "待提交",
      registrationDate: "-",
      owner: "计算机学院",
      applicant: "刘教授",
      rightType: null,
      needsReview: null,
    },
  ])

const [selectedCopyright, setSelectedCopyright] = useState(null)
  const [showReviewDialog, setShowReviewDialog] = useState(false)
  const [reviewData, setReviewData] = useState({
    rightType: "完全权益",
    rightDescription: "",
    needsReview: false,
  })

const handleReviewClick = (copyright) => {
    setSelectedCopyright(copyright)
    setReviewData({
      rightType: copyright.rightType || "完全权益",
      rightDescription: copyright.rightDescription || "",
      needsReview: copyright.needsReview || false,
    })
    setShowReviewDialog(true)
  }

const handleReviewSubmit = () => {
    if (selectedCopyright) {
      setCopyrights(
        copyrights.map((c) =>
          c.id === selectedCopyright.id
            ? {
                ...c,
                status: "已登记",
                rightType: reviewData.rightType,
                rightDescription: reviewData.rightDescription,
                needsReview: reviewData.needsReview,
              }
            : c,
        ),
      )
      setShowReviewDialog(false)
    }
  }

<div className="p-8">
          <Card className="mb-6">
            <CardHeader>
              <CardTitle>统计概览</CardTitle>
            </CardHeader>
            <CardContent>
              <div className="grid gap-6 md:grid-cols-4">
                <div className="space-y-2">
                  <div className="text-sm text-muted-foreground">软著总数</div>
                  <div className="text-3xl font-bold text-foreground">24</div>
                  <div className="text-xs text-green-600">+3 本月新增</div>
                </div>
                <div className="space-y-2">
                  <div className="text-sm text-muted-foreground">已登记</div>
                  <div className="text-3xl font-bold text-foreground">18</div>
                  <div className="text-xs text-muted-foreground">75% 登记率</div>
                </div>
                <div className="space-y-2">
                  <div className="text-sm text-muted-foreground">审核中</div>
                  <div className="text-3xl font-bold text-foreground">4</div>
                  <div className="text-xs text-muted-foreground">预计15天完成</div>
                </div>
                <div className="space-y-2">
                  <div className="text-sm text-muted-foreground">待审核</div>
                  <div className="text-3xl font-bold text-foreground">2</div>
                  <div className="text-xs text-orange-600">需尽快处理</div>
                </div>
              </div>
            </CardContent>
          </Card>

<Card>
            <CardHeader>
              <div className="flex items-center justify-between">
                <div>
                  <CardTitle>软著列表</CardTitle>
                  <CardDescription>查看和管理所有软件著作权</CardDescription>
                </div>
                <div className="flex gap-2">
                  <Input placeholder="搜索软著名称或登记号" className="w-64" />
                  <Button variant="outline">
                    <Search className="h-4 w-4" />
                  </Button>
                </div>
              </div>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>登记号</TableHead>
                    <TableHead>软件名称</TableHead>
                    <TableHead>申请人</TableHead>
                    <TableHead>状态</TableHead>
                    <TableHead>权益类型</TableHead>
                    <TableHead>复审要求</TableHead>
                    <TableHead className="text-right">操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {copyrights.map((copyright) => (
                    <TableRow key={copyright.id}>
                      <TableCell className="font-medium">{copyright.id}</TableCell>
                      <TableCell>{copyright.name}</TableCell>
                      <TableCell>{copyright.applicant}</TableCell>
                      <TableCell>
                        <Badge
                          variant={
                            copyright.status === "已登记"
                              ? "default"
                              : copyright.status === "审核中"
                                ? "secondary"
                                : "outline"
                          }
                        >
                          {copyright.status}
                        </Badge>
                      </TableCell>
                      <TableCell>
                        {copyright.rightType ? (
                          <Badge variant="outline" className="text-xs">
                            {copyright.rightType}
                          </Badge>
                        ) : (
                          <span className="text-xs text-muted-foreground">待审核</span>
                        )}
                      </TableCell>
                      <TableCell>
                        {copyright.needsReview === null ? (
                          <span className="text-xs text-muted-foreground">待审核</span>
                        ) : copyright.needsReview ? (
                          <Badge variant="secondary" className="text-xs">
                            需要院系复审
                          </Badge>
                        ) : (
                          <Badge variant="outline" className="text-xs">
                            无需复审
                          </Badge>
                        )}
                      </TableCell>
                      <TableCell className="text-right">
                        <div className="flex justify-end gap-2">
                          <Button variant="ghost" size="sm">
                            <Eye className="h-4 w-4" />
                          </Button>
                          {copyright.status === "审核中" && (
                            <Button variant="ghost" size="sm" onClick={() => handleReviewClick(copyright)}>
                              <FileEdit className="h-4 w-4" />
                            </Button>
                          )}
                          {copyright.status === "已登记" && (
                            <Button variant="ghost" size="sm">
                              <Download className="h-4 w-4" />
                            </Button>
                          )}
                        </div>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </div>

<Dialog open={showReviewDialog} onOpenChange={setShowReviewDialog}>
          <DialogContent className="max-w-2xl">
            <DialogHeader>
              <DialogTitle>软件著作权审核</DialogTitle>
              <DialogDescription>软件著作权: {selectedCopyright?.name}</DialogDescription>
            </DialogHeader>

<div className="space-y-6 py-4">
              {/* 权益选择 */}
              <div className="space-y-3">
                <Label className="text-base font-semibold">权益类型</Label>
                <RadioGroup
                  value={reviewData.rightType}
                  onValueChange={(value) => setReviewData({ ...reviewData, rightType: value })}
                >
                  <div className="flex items-center space-x-3">
                    <RadioGroupItem value="完全权益" id="full-right" />
                    <Label htmlFor="full-right" className="font-normal cursor-pointer">
                      完全权益 - 拥有该软件著作权的全部权益
                    </Label>
                  </div>
                  <div className="flex items-center space-x-3">
                    <RadioGroupItem value="部分权益" id="partial-right" />
                    <Label htmlFor="partial-right" className="font-normal cursor-pointer">
                      部分权益 - 仅拥有部分权益
                    </Label>
                  </div>
                  <div className="flex items-center space-x-3">
                    <RadioGroupItem value="无权益" id="no-right" />
                    <Label htmlFor="no-right" className="font-normal cursor-pointer">
                      无权益 - 不拥有该软件著作权
                    </Label>
                  </div>
                </RadioGroup>
              </div>

{/* 部分权益说明 */}
              {reviewData.rightType === "部分权益" && (
                <div className="space-y-2 p-4 bg-blue-50 rounded-lg border border-blue-200">
                  <Label htmlFor="right-description" className="font-semibold">
                    权益说明
                  </Label>
                  <Textarea
                    id="right-description"
                    placeholder="请详细说明部分权益的具体内容，如：拥有核心算法、用户界面等"
                    value={reviewData.rightDescription}
                    onChange={(e) =>
                      setReviewData({
                        ...reviewData,
                        rightDescription: e.target.value,
                      })
                    }
                    className="min-h-24"
                  />
                  <p className="text-xs text-muted-foreground">请清晰说明权益范围，便于后续管理和应用</p>
                </div>
              )}

{/* 院系复审 */}
              <div className="space-y-3 p-4 bg-amber-50 rounded-lg border border-amber-200">
                <div className="flex items-start space-x-3">
                  <Checkbox
                    id="needs-review"
                    checked={reviewData.needsReview}
                    onCheckedChange={(checked) => setReviewData({ ...reviewData, needsReview: checked })}
                  />
                  <div className="flex-1">
                    <Label htmlFor="needs-review" className="font-semibold cursor-pointer">
                      需要院系复审
                    </Label>
                    <p className="text-xs text-muted-foreground mt-1">如勾选，该审核结果需提交至相关院系进行复审确认</p>
                  </div>
                </div>
              </div>

{/* 审核摘要 */}
              <div className="p-4 bg-gray-50 rounded-lg border border-gray-200 space-y-2">
                <h4 className="font-semibold text-sm">审核摘要</h4>
                <div className="space-y-1 text-sm">
                  <div className="flex justify-between">
                    <span className="text-muted-foreground">软件名称:</span>
                    <span className="font-medium">{selectedCopyright?.name}</span>
                  </div>
                  <div className="flex justify-between">
                    <span className="text-muted-foreground">申请人:</span>
                    <span className="font-medium">{selectedCopyright?.applicant}</span>
                  </div>
                  <div className="flex justify-between">
                    <span className="text-muted-foreground">权益类型:</span>
                    <span className="font-medium">{reviewData.rightType}</span>
                  </div>
                  <div className="flex justify-between">
                    <span className="text-muted-foreground">复审要求:</span>
                    <span className="font-medium">{reviewData.needsReview ? "需要复审" : "无需复审"}</span>
                  </div>
                </div>
              </div>
            </div>

<DialogFooter>
              <Button variant="outline" onClick={() => setShowReviewDialog(false)}>
                取消
              </Button>
              <Button onClick={handleReviewSubmit}>
                <CheckCircle className="mr-2 h-4 w-4" />
                提交审核
              </Button>
            </DialogFooter>
          </DialogContent>
        </Dialog>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/patent/statistics/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Label } from "@/components/ui/label"
import { Badge } from "@/components/ui/badge"
import { Checkbox } from "@/components/ui/checkbox"
import {
  BarChart,
  Bar,
  LineChart,
  Line,
  PieChart,
  Pie,
  Cell,
  XAxis,
  YAxis,
  CartesianGrid,
  Tooltip,
  Legend,
  ResponsiveContainer,
} from "recharts"
import { BarChart3, LineChartIcon, PieChartIcon, Download, Filter } from "lucide-react"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"

interface PatentStatistic {
  category: string
  发明专利: number
  实用新型: number
  外观设计: number
  total?: number
}

interface DepartmentStatistic {
  department: string
  发明专利: number
  实用新型: number
  外观设计: number
  total?: number
}

const COLORS = ["#1e3a8a", "#2563eb", "#60a5fa", "#93c5fd", "#dbeafe", "#7c3aed", "#a78bfa"]

export default function PatentStatisticsPage() {
  const [chartType, setChartType] = useState<"bar" | "line" | "pie">("bar")
  const [hideZeroValues, setHideZeroValues] = useState(false)
  const [sortByTotal, setSortByTotal] = useState(false)
  const [statisticType, setStatisticType] = useState<"type" | "department" | "status">("type")

// 专利类型统计数据
  const patentTypeData: PatentStatistic[] = [
    { category: "发明专利", 发明专利: 45, 实用新型: 0, 外观设计: 0 },
    { category: "实用新型", 发明专利: 0, 实用新型: 28, 外观设计: 0 },
    { category: "外观设计", 发明专利: 0, 实用新型: 0, 外观设计: 15 },
    { category: "已授权", 发明专利: 35, 实用新型: 22, 外观设计: 12 },
    { category: "审查中", 发明专利: 8, 实用新型: 5, 外观设计: 2 },
    { category: "驳回", 发明专利: 2, 实用新型: 1, 外观设计: 1 },
  ]

// 院系统计数据
  const departmentData: DepartmentStatistic[] = [
    { department: "计算机学院", 发明专利: 18, 实用新型: 12, 外观设计: 5 },
    { department: "电子工程学院", 发明专利: 15, 实用新型: 8, 外观设计: 4 },
    { department: "机械工程学院", 发明专利: 8, 实用新型: 6, 外观设计: 4 },
    { department: "化学学院", 发明专利: 2, 实用新型: 0, 外观设计: 0 },
    { department: "材料学院", 发明专利: 2, 实用新型: 2, 外观设计: 2 },
  ]

// 申请状态统计
  const statusData: PatentStatistic[] = [
    { category: "已授权", 发明专利: 35, 实用新型: 22, 外观设计: 12 },
    { category: "审查中", 发明专利: 8, 实用新型: 5, 外观设计: 2 },
    { category: "驳回", 发明专利: 2, 实用新型: 1, 外观设计: 1 },
  ]

let data: PatentStatistic[] | DepartmentStatistic[] = patentTypeData
  if (statisticType === "department") {
    data = departmentData
  } else if (statisticType === "status") {
    data = statusData
  }

// 计算合计
  const dataWithTotal = (data as any[]).map((item) => ({
    ...item,
    total: item.发明专利 + item.实用新型 + item.外观设计,
  }))

// 隐藏0值
  let filteredData = hideZeroValues
    ? dataWithTotal.filter((item) => item.发明专利 > 0 || item.实用新型 > 0 || item.外观设计 > 0)
    : dataWithTotal

// 排序
  if (sortByTotal) {
    filteredData = [...filteredData].sort((a, b) => (b.total || 0) - (a.total || 0))
  }

// 为图表数据添加标签
  const dataKey = statisticType === "type" ? "category" : statisticType === "department" ? "department" : "category"

const handleExport = () => {
    const csv = [
      [dataKey, "发明专利", "实用新型", "外观设计", "合计"],
      ...filteredData.map((item) => [
        item.category || item.department,
        item.发明专利,
        item.实用新型,
        item.外观设计,
        item.total,
      ]),
    ]
      .map((row) => row.join(","))
      .join("\n")

const blob = new Blob([csv], { type: "text/csv" })
    const url = window.URL.createObjectURL(blob)
    const a = document.createElement("a")
    a.href = url
    a.download = `patent-statistics-${new Date().toISOString().split("T")[0]}.csv`
    a.click()
  }

return (
    <div className="flex h-screen bg-background">
      <SidebarNav />
      <div className="flex-1 overflow-y-auto">
        <div className="border-b border-border bg-card px-8 py-6">
          <div className="flex items-center justify-between">
            <div>
              <h1 className="text-2xl font-semibold text-card-foreground">专利统计分析</h1>
              <p className="mt-1 text-sm text-muted-foreground">对专利数据进行多维度分析和可视化展示</p>
            </div>
            <Button onClick={handleExport}>
              <Download className="mr-2 h-4 w-4" />
              导出数据
            </Button>
          </div>
        </div>

<div className="p-8">
          {/* 统计指标卡片 */}
          <div className="mb-6 grid gap-4 md:grid-cols-4">
            <Card>
              <CardContent className="pt-6">
                <div className="text-center">
                  <div className="text-3xl font-bold text-primary">
                    {filteredData.reduce((sum, item) => sum + item.发明专利, 0)}
                  </div>
                  <p className="text-sm text-muted-foreground">发明专利</p>
                </div>
              </CardContent>
            </Card>
            <Card>
              <CardContent className="pt-6">
                <div className="text-center">
                  <div className="text-3xl font-bold text-primary">
                    {filteredData.reduce((sum, item) => sum + item.实用新型, 0)}
                  </div>
                  <p className="text-sm text-muted-foreground">实用新型</p>
                </div>
              </CardContent>
            </Card>
            <Card>
              <CardContent className="pt-6">
                <div className="text-center">
                  <div className="text-3xl font-bold text-primary">
                    {filteredData.reduce((sum, item) => sum + item.外观设计, 0)}
                  </div>
                  <p className="text-sm text-muted-foreground">外观设计</p>
                </div>
              </CardContent>
            </Card>
            <Card>
              <CardContent className="pt-6">
                <div className="text-center">
                  <div className="text-3xl font-bold text-primary">
                    {filteredData.reduce((sum, item) => sum + (item.total || 0), 0)}
                  </div>
                  <p className="text-sm text-muted-foreground">合计</p>
                </div>
              </CardContent>
            </Card>
          </div>

{/* 筛选选项 */}
          <Card className="mb-6">
            <CardHeader>
              <CardTitle className="flex items-center gap-2">
                <Filter className="h-4 w-4" />
                数据筛选和显示选项
              </CardTitle>
            </CardHeader>
            <CardContent>
              <div className="grid gap-6 md:grid-cols-4">
                <div className="space-y-3">
                  <Label className="text-base font-semibold">统计维度</Label>
                  <Select value={statisticType} onValueChange={(value: any) => setStatisticType(value)}>
                    <SelectTrigger>
                      <SelectValue />
                    </SelectTrigger>
                    <SelectContent>
                      <SelectItem value="type">专利类型</SelectItem>
                      <SelectItem value="department">院系分布</SelectItem>
                      <SelectItem value="status">申请状态</SelectItem>
                    </SelectContent>
                  </Select>
                </div>

<div className="space-y-3">
                  <Label className="text-base font-semibold">图表类型</Label>
                  <div className="flex gap-2">
                    <Button
                      variant={chartType === "bar" ? "default" : "outline"}
                      size="sm"
                      onClick={() => setChartType("bar")}
                      className="flex-1"
                    >
                      <BarChart3 className="h-4 w-4" />
                    </Button>
                    <Button
                      variant={chartType === "line" ? "default" : "outline"}
                      size="sm"
                      onClick={() => setChartType("line")}
                      className="flex-1"
                    >
                      <LineChartIcon className="h-4 w-4" />
                    </Button>
                    <Button
                      variant={chartType === "pie" ? "default" : "outline"}
                      size="sm"
                      onClick={() => setChartType("pie")}
                      className="flex-1"
                    >
                      <PieChartIcon className="h-4 w-4" />
                    </Button>
                  </div>
                </div>

<div className="space-y-3">
                  <Label className="text-base font-semibold">排序选项</Label>
                  <Button
                    variant={sortByTotal ? "default" : "outline"}
                    className="w-full"
                    onClick={() => setSortByTotal(!sortByTotal)}
                  >
                    {sortByTotal ? "按合计排序 ▼" : "按默认排序"}
                  </Button>
                </div>

<div className="space-y-3">
                  <Label className="text-base font-semibold">显示选项</Label>
                  <div className="flex items-center gap-2">
                    <Checkbox
                      id="hide-zero"
                      checked={hideZeroValues}
                      onCheckedChange={(checked) => setHideZeroValues(checked as boolean)}
                    />
                    <Label htmlFor="hide-zero" className="cursor-pointer text-sm font-normal">
                      隐藏0值数据
                    </Label>
                  </div>
                </div>
              </div>
            </CardContent>
          </Card>

{/* 图表展示 */}
          <Card className="mb-6">
            <CardHeader>
              <CardTitle>
                {statisticType === "type"
                  ? "专利类型分布"
                  : statisticType === "department"
                    ? "院系专利分布"
                    : "申请状态分布"}
              </CardTitle>
            </CardHeader>
            <CardContent>
              {chartType === "bar" && (
                <ResponsiveContainer width="100%" height={400}>
                  <BarChart data={filteredData}>
                    <CartesianGrid strokeDasharray="3 3" />
                    <XAxis dataKey={dataKey} />
                    <YAxis />
                    <Tooltip />
                    <Legend />
                    <Bar dataKey="发明专利" fill="#1e3a8a" />
                    <Bar dataKey="实用新型" fill="#2563eb" />
                    <Bar dataKey="外观设计" fill="#60a5fa" />
                    <Bar dataKey="total" fill="#9ca3af" name="合计" />
                  </BarChart>
                </ResponsiveContainer>
              )}

{chartType === "line" && (
                <ResponsiveContainer width="100%" height={400}>
                  <LineChart data={filteredData}>
                    <CartesianGrid strokeDasharray="3 3" />
                    <XAxis dataKey={dataKey} />
                    <YAxis />
                    <Tooltip />
                    <Legend />
                    <Line type="monotone" dataKey="发明专利" stroke="#1e3a8a" strokeWidth={2} />
                    <Line type="monotone" dataKey="实用新型" stroke="#2563eb" strokeWidth={2} />
                    <Line type="monotone" dataKey="外观设计" stroke="#60a5fa" strokeWidth={2} />
                    <Line type="monotone" dataKey="total" stroke="#9ca3af" strokeWidth={2} name="合计" />
                  </LineChart>
                </ResponsiveContainer>
              )}

{chartType === "pie" && (
                <ResponsiveContainer width="100%" height={400}>
                  <PieChart>
                    <Pie
                      data={filteredData}
                      cx="50%"
                      cy="50%"
                      labelLine={false}
                      label={({ category, department, total }: PatentStatistic | DepartmentStatistic | any) =>
                        `${category || department}: ${total}`
                      }
                      outerRadius={120}
                      fill="#8884d8"
                      dataKey="total"
                    >
                      {filteredData.map((entry, index) => (
                        <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />
                      ))}
                    </Pie>
                    <Tooltip formatter={(value) => `${value} 项`} />
                  </PieChart>
                </ResponsiveContainer>
              )}
            </CardContent>
          </Card>

{/* 详细数据表格 */}
          <Card>
            <CardHeader>
              <CardTitle>详细统计数据</CardTitle>
              <CardDescription>展示所有统计数据的详细信息</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="rounded-lg border border-border overflow-hidden">
                <Table>
                  <TableHeader>
                    <TableRow className="bg-muted/50">
                      <TableHead>{dataKey === "category" ? "分类" : "院系"}</TableHead>
                      <TableHead className="text-right">发明专利</TableHead>
                      <TableHead className="text-right">实用新型</TableHead>
                      <TableHead className="text-right">外观设计</TableHead>
                      <TableHead className="text-right font-bold">合计</TableHead>
                      <TableHead className="text-right">占比</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    {filteredData.map((item, index) => {
                      const total = item.total || 0
                      const allTotal = filteredData.reduce((sum, i) => sum + (i.total || 0), 0)
                      const percentage = allTotal > 0 ? ((total / allTotal) * 100).toFixed(1) : "0"

return (
                        <TableRow key={index}>
                          <TableCell className="font-medium">
                            {(item as any).category || (item as any).department}
                          </TableCell>
                          <TableCell className="text-right">{item.发明专利}</TableCell>
                          <TableCell className="text-right">{item.实用新型}</TableCell>
                          <TableCell className="text-right">{item.外观设计}</TableCell>
                          <TableCell className="text-right font-bold text-primary">{total}</TableCell>
                          <TableCell className="text-right">
                            <Badge variant="secondary">{percentage}%</Badge>
                          </TableCell>
                        </TableRow>
                      )
                    })}
                    <TableRow className="bg-muted/30 font-bold">
                      <TableCell>合计</TableCell>
                      <TableCell className="text-right">
                        {filteredData.reduce((sum, item) => sum + item.发明专利, 0)}
                      </TableCell>
                      <TableCell className="text-right">
                        {filteredData.reduce((sum, item) => sum + item.实用新型, 0)}
                      </TableCell>
                      <TableCell className="text-right">
                        {filteredData.reduce((sum, item) => sum + item.外观设计, 0)}
                      </TableCell>
                      <TableCell className="text-right text-primary">
                        {filteredData.reduce((sum, item) => sum + (item.total || 0), 0)}
                      </TableCell>
                      <TableCell className="text-right">100%</TableCell>
                    </TableRow>
                  </TableBody>
                </Table>
              </div>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/agency/manage/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Badge } from "@/components/ui/badge"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import { Checkbox } from "@/components/ui/checkbox"
import { Textarea } from "@/components/ui/textarea"
import {
  Search,
  Plus,
  Eye,
  FileEdit,
  Star,
  Building2,
  TrendingUp,
  DollarSign,
  Settings,
  AlertCircle,
} from "lucide-react"
import { Alert, AlertDescription } from "@/components/ui/alert"

export default function AgencyManagePage() {
  const [isDialogOpen, setIsDialogOpen] = useState(false)
  const [isInitDialogOpen, setIsInitDialogOpen] = useState(false)
  const [selectedAgencies, setSelectedAgencies] = useState<string[]>([])
  const [initConfig, setInitConfig] = useState({
    systemSetup: false,
    accountSetup: false,
    dataSync: false,
    feedbackConfig: false,
    notes: "",
  })

const agencies = [
    {
      id: "AG001",
      name: "北京知识产权代理有限公司",
      code: "11234",
      type: "综合型",
      level: "一级",
      contact: "张经理",
      phone: "010-12345678",
      email: "contact@bjip.com",
      address: "北京市海淀区中关村大街1号",
      cases: 15,
      rating: 4.8,
      status: "合作中",
      applicationFee: 3500,
      responseFee: 2000,
      authorizationRate: 92.5,
      avgCycle: 18,
    },
    {
      id: "AG002",
      name: "上海专利事务所",
      code: "31567",
      type: "专利专业",
      level: "一级",
      contact: "李主任",
      phone: "021-87654321",
      email: "info@shpatent.com",
      address: "上海市浦东新区世纪大道100号",
      cases: 12,
      rating: 4.5,
      status: "合作中",
      applicationFee: 3800,
      responseFee: 2200,
      authorizationRate: 89.3,
      avgCycle: 20,
    },
    {
      id: "AG003",
      name: "深圳知产代理中心",
      code: "44890",
      type: "综合型",
      level: "二级",
      contact: "王律师",
      phone: "0755-23456789",
      email: "service@szip.com",
      address: "深圳市南山区科技园南区",
      cases: 8,
      rating: 4.6,
      status: "合作中",
      applicationFee: 3200,
      responseFee: 1800,
      authorizationRate: 87.8,
      avgCycle: 22,
    },
    {
      id: "AG004",
      name: "广州专利代理公司",
      code: "44123",
      type: "专利专业",
      level: "一级",
      contact: "陈经理",
      phone: "020-34567890",
      email: "gz@patent.com",
      address: "广州市天河区珠江新城",
      cases: 10,
      rating: 4.7,
      status: "合作中",
      applicationFee: 3600,
      responseFee: 2100,
      authorizationRate: 90.2,
      avgCycle: 19,
    },
  ]

const handleSelectAgency = (agencyId: string) => {
    setSelectedAgencies((prev) =>
      prev.includes(agencyId) ? prev.filter((id) => id !== agencyId) : [...prev, agencyId],
    )
  }

const handleSelectAll = () => {
    if (selectedAgencies.length === agencies.length) {
      setSelectedAgencies([])
    } else {
      setSelectedAgencies(agencies.map((a) => a.id))
    }
  }

const handleInitialize = () => {
    if (selectedAgencies.length === 0) {
      alert("请选择至少一个代理机构")
      return
    }
    if (!initConfig.systemSetup && !initConfig.accountSetup && !initConfig.dataSync && !initConfig.feedbackConfig) {
      alert("请选择至少一个初始化项")
      return
    }
    // 这里处理初始化逻辑
    console.log("初始化代理机构:", selectedAgencies, initConfig)
    alert(`已成功初始化 ${selectedAgencies.length} 个代理机构`)
    setSelectedAgencies([])
    setInitConfig({
      systemSetup: false,
      accountSetup: false,
      dataSync: false,
      feedbackConfig: false,
      notes: "",
    })
    setIsInitDialogOpen(false)
  }

return (
    <div className="flex h-screen">
      <SidebarNav />
      <div className="flex-1 overflow-y-auto">
        <div className="border-b border-border bg-card px-8 py-6">
          <div className="flex items-center justify-between">
            <div>
              <h1 className="text-2xl font-semibold text-card-foreground">代理机构管理</h1>
              <p className="mt-1 text-sm text-muted-foreground">管理合作代理机构信息、费用标准和授权率数据</p>
            </div>
            <div className="flex gap-2">
              {selectedAgencies.length > 0 && (
                <Dialog open={isInitDialogOpen} onOpenChange={setIsInitDialogOpen}>
                  <DialogTrigger asChild>
                    <Button variant="default">
                      <Settings className="mr-2 h-4 w-4" />
                      初始化 ({selectedAgencies.length})
                    </Button>
                  </DialogTrigger>
                  <DialogContent className="max-w-2xl max-h-[90vh] overflow-y-auto">
                    <DialogHeader>
                      <DialogTitle>代理机构初始化设置</DialogTitle>
                      <DialogDescription>为选中的 {selectedAgencies.length} 个代理机构进行初始化配置</DialogDescription>
                    </DialogHeader>
                    <div className="space-y-6 py-4">
                      <Alert className="border-blue-200 bg-blue-50">
                        <AlertCircle className="h-4 w-4 text-blue-600" />
                        <AlertDescription className="text-blue-800">
                          初始化将配置代理机构的系统访问权限、账户设置等信息，请谨慎操作。
                        </AlertDescription>
                      </Alert>

<div className="space-y-4">
                        <h3 className="font-medium text-card-foreground">初始化配置项</h3>

<div className="space-y-3 rounded-lg border border-border bg-muted/30 p-4">
                          <div className="flex items-center gap-3">
                            <Checkbox
                              id="system-setup"
                              checked={initConfig.systemSetup}
                              onCheckedChange={(checked) =>
                                setInitConfig((prev) => ({ ...prev, systemSetup: checked as boolean }))
                              }
                            />
                            <Label htmlFor="system-setup" className="flex flex-col gap-1 cursor-pointer">
                              <span className="font-medium">系统权限设置</span>
                              <span className="text-xs text-muted-foreground">
                                配置代理机构在系统中的访问权限和功能模块
                              </span>
                            </Label>
                          </div>

<div className="flex items-center gap-3">
                            <Checkbox
                              id="account-setup"
                              checked={initConfig.accountSetup}
                              onCheckedChange={(checked) =>
                                setInitConfig((prev) => ({ ...prev, accountSetup: checked as boolean }))
                              }
                            />
                            <Label htmlFor="account-setup" className="flex flex-col gap-1 cursor-pointer">
                              <span className="font-medium">账户初始化</span>
                              <span className="text-xs text-muted-foreground">为代理机构创建初始账户和登录凭证</span>
                            </Label>
                          </div>

<div className="flex items-center gap-3">
                            <Checkbox
                              id="data-sync"
                              checked={initConfig.dataSync}
                              onCheckedChange={(checked) =>
                                setInitConfig((prev) => ({ ...prev, dataSync: checked as boolean }))
                              }
                            />
                            <Label htmlFor="data-sync" className="flex flex-col gap-1 cursor-pointer">
                              <span className="font-medium">数据同步配置</span>
                              <span className="text-xs text-muted-foreground">
                                配置与代理机构的数据同步规则和接口权限
                              </span>
                            </Label>
                          </div>

<div className="flex items-center gap-3">
                            <Checkbox
                              id="feedback-config"
                              checked={initConfig.feedbackConfig}
                              onCheckedChange={(checked) =>
                                setInitConfig((prev) => ({ ...prev, feedbackConfig: checked as boolean }))
                              }
                            />
                            <Label htmlFor="feedback-config" className="flex flex-col gap-1 cursor-pointer">
                              <span className="font-medium">反馈配置</span>
                              <span className="text-xs text-muted-foreground">设置代理机构的消息通知和反馈规则</span>
                            </Label>
                          </div>
                        </div>
                      </div>

<div className="space-y-2">
                        <Label htmlFor="init-notes">初始化备注（可选）</Label>
                        <Textarea
                          id="init-notes"
                          placeholder="输入本次初始化的相关说明或特殊要求..."
                          className="min-h-24"
                          value={initConfig.notes}
                          onChange={(e) => setInitConfig((prev) => ({ ...prev, notes: e.target.value }))}
                        />
                      </div>

<div className="flex justify-end gap-4">
                        <Button variant="outline" onClick={() => setIsInitDialogOpen(false)}>
                          取消
                        </Button>
                        <Button onClick={handleInitialize}>确认初始化</Button>
                      </div>
                    </div>
                  </DialogContent>
                </Dialog>
              )}
              <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
                <DialogTrigger asChild>
                  <Button>
                    <Plus className="mr-2 h-4 w-4" />
                    添加代理机构
                  </Button>
                </DialogTrigger>
                <DialogContent className="max-w-2xl max-h-[90vh] overflow-y-auto">
                  <DialogHeader>
                    <DialogTitle>添加代理机构</DialogTitle>
                    <DialogDescription>填写代理机构的基本信息、资质和费用标准</DialogDescription>
                  </DialogHeader>
                  <div className="space-y-6 py-4">
                    <div className="grid gap-6 md:grid-cols-2">
                      <div className="space-y-2">
                        <Label htmlFor="agency-name">机构名称</Label>
                        <Input id="agency-name" placeholder="请输入机构名称" />
                      </div>
                      <div className="space-y-2">
                        <Label htmlFor="agency-code">机构代码</Label>
                        <Input id="agency-code" placeholder="请输入机构代码" />
                      </div>
                    </div>

<div className="space-y-4 rounded-lg border border-border bg-muted/50 p-4">
                      <h3 className="font-medium text-card-foreground">费用标准与授权率</h3>
                      <div className="grid gap-6 md:grid-cols-2">
                        <div className="space-y-2">
                          <Label htmlFor="application-fee">申请费用（元）</Label>
                          <Input id="application-fee" type="number" placeholder="如：3500" />
                        </div>
                        <div className="space-y-2">
                          <Label htmlFor="response-fee">答复费用（元）</Label>
                          <Input id="response-fee" type="number" placeholder="如：2000" />
                        </div>
                      </div>
                      <div className="grid gap-6 md:grid-cols-2">
                        <div className="space-y-2">
                          <Label htmlFor="authorization-rate">授权率（%）</Label>
                          <Input id="authorization-rate" type="number" step="0.1" placeholder="如：92.5" />
                        </div>
                        <div className="space-y-2">
                          <Label htmlFor="avg-cycle">平均周期（月）</Label>
                          <Input id="avg-cycle" type="number" placeholder="如：18" />
                        </div>
                      </div>
                    </div>

<div className="flex justify-end gap-4">
                      <Button variant="outline" onClick={() => setIsDialogOpen(false)}>
                        取消
                      </Button>
                      <Button onClick={() => setIsDialogOpen(false)}>确认添加</Button>
                    </div>
                  </div>
                </DialogContent>
              </Dialog>
            </div>
          </div>
        </div>

<div className="p-8">
          <div className="mb-6 grid gap-6 md:grid-cols-4">
            <Card>
              <CardHeader className="pb-3">
                <CardDescription>合作机构总数</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">18</div>
                  <div className="text-sm text-green-600">+2 本月</div>
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <CardDescription>平均授权率</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">89.9%</div>
                  <TrendingUp className="h-5 w-5 text-green-600" />
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <CardDescription>平均申请费用</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">¥3,525</div>
                  <DollarSign className="h-5 w-5 text-muted-foreground" />
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <CardDescription>活跃代理案件</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">35</div>
                  <div className="text-sm text-blue-600">进行中</div>
                </div>
              </CardContent>
            </Card>
          </div>

<Card>
            <CardHeader>
              <div className="flex items-center justify-between">
                <div>
                  <CardTitle>代理机构列表</CardTitle>
                  <CardDescription>查看所有合作代理机构的费用标准和授权率数据</CardDescription>
                </div>
                <div className="flex gap-2">
                  <Input placeholder="搜索机构名称或代码" className="w-64" />
                  <Button variant="outline">
                    <Search className="h-4 w-4" />
                  </Button>
                </div>
              </div>
            </CardHeader>
            <CardContent>
              <div className="overflow-x-auto">
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead className="w-12">
                        <Checkbox
                          checked={selectedAgencies.length === agencies.length && agencies.length > 0}
                          indeterminate={selectedAgencies.length > 0 && selectedAgencies.length < agencies.length}
                          onCheckedChange={handleSelectAll}
                        />
                      </TableHead>
                      <TableHead>机构编号</TableHead>
                      <TableHead>机构名称</TableHead>
                      <TableHead>类型/等级</TableHead>
                      <TableHead>联系人</TableHead>
                      <TableHead className="text-right">申请费用</TableHead>
                      <TableHead className="text-right">答复费用</TableHead>
                      <TableHead className="text-right">授权率</TableHead>
                      <TableHead className="text-right">平均周期</TableHead>
                      <TableHead>代理案件</TableHead>
                      <TableHead>评分</TableHead>
                      <TableHead>初始化状态</TableHead>
                      <TableHead className="text-right">操作</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    {agencies.map((agency) => (
                      <TableRow key={agency.id}>
                        <TableCell>
                          <Checkbox
                            checked={selectedAgencies.includes(agency.id)}
                            onCheckedChange={() => handleSelectAgency(agency.id)}
                          />
                        </TableCell>
                        <TableCell className="font-medium">{agency.id}</TableCell>
                        <TableCell>
                          <div className="flex items-center gap-2">
                            <Building2 className="h-4 w-4 text-muted-foreground" />
                            <div>
                              <div className="font-medium">{agency.name}</div>
                              <div className="text-xs text-muted-foreground">{agency.code}</div>
                            </div>
                          </div>
                        </TableCell>
                        <TableCell>
                          <div className="flex flex-col gap-1">
                            <Badge variant="outline" className="w-fit">
                              {agency.type}
                            </Badge>
                            <Badge variant={agency.level === "一级" ? "default" : "secondary"} className="w-fit">
                              {agency.level}
                            </Badge>
                          </div>
                        </TableCell>
                        <TableCell>
                          <div>
                            <div className="font-medium">{agency.contact}</div>
                            <div className="text-xs text-muted-foreground">{agency.phone}</div>
                          </div>
                        </TableCell>
                        <TableCell className="text-right">
                          <div className="font-medium text-card-foreground">
                            ¥{agency.applicationFee.toLocaleString()}
                          </div>
                        </TableCell>
                        <TableCell className="text-right">
                          <div className="font-medium text-card-foreground">¥{agency.responseFee.toLocaleString()}</div>
                        </TableCell>
                        <TableCell className="text-right">
                          <div className="flex items-center justify-end gap-1">
                            <TrendingUp className="h-4 w-4 text-green-600" />
                            <span className="font-medium text-green-600">{agency.authorizationRate}%</span>
                          </div>
                        </TableCell>
                        <TableCell className="text-right">
                          <div className="text-muted-foreground">{agency.avgCycle}个月</div>
                        </TableCell>
                        <TableCell>
                          <Badge variant="secondary">{agency.cases}件</Badge>
                        </TableCell>
                        <TableCell>
                          <div className="flex items-center gap-1">
                            <Star className="h-4 w-4 fill-yellow-500 text-yellow-500" />
                            <span className="font-medium">{agency.rating}</span>
                          </div>
                        </TableCell>
                        <TableCell>
                          <Badge variant="outline" className="bg-green-50 text-green-700">
                            已初始化
                          </Badge>
                        </TableCell>
                        <TableCell className="text-right">
                          <div className="flex justify-end gap-2">
                            <Button variant="ghost" size="sm">
                              <Eye className="h-4 w-4" />
                            </Button>
                            <Button variant="ghost" size="sm">
                              <FileEdit className="h-4 w-4" />
                            </Button>
                          </div>
                        </TableCell>
                      </TableRow>
                    ))}
                  </TableBody>
                </Table>
              </div>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/agency/agents/page.tsx" isEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Badge } from "@/components/ui/badge"
import { Avatar, AvatarFallback } from "@/components/ui/avatar"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import {
  AlertDialog,
  AlertDialogAction,
  AlertDialogCancel,
  AlertDialogContent,
  AlertDialogDescription,
  AlertDialogHeader,
  AlertDialogTitle,
} from "@/components/ui/alert-dialog"
import { Search, Plus, Eye, Award, Briefcase, LogOut } from "lucide-react"

export default function AgentsPage() {
  const [isDialogOpen, setIsDialogOpen] = useState(false)
  const [selectedAgent, setSelectedAgent] = useState<(typeof agents)[0] | null>(null)
  const [isDetailDialogOpen, setIsDetailDialogOpen] = useState(false)
  const [isExitDialogOpen, setIsExitDialogOpen] = useState(false)
  const [agents, setAgents] = useState([
    {
      id: "AT001",
      name: "张律师",
      license: "11234567890",
      agency: "北京知识产权代理有限公司",
      specialty: "发明专利",
      experience: 8,
      cases: 45,
      successRate: 93,
      phone: "138-0000-1234",
      email: "zhang@bjip.com",
      status: "在职",
      education: "北京大学",
      major: "法律",
      degree: "硕士",
      firstJobYear: 2016,
      reviewExperience: 7,
      mainClients: "华为、中兴、小米等500+企业",
    },
    {
      id: "AT002",
      name: "李工程师",
      license: "31567890123",
      agency: "上海专利事务所",
      specialty: "实用新型",
      experience: 6,
      cases: 38,
      successRate: 88,
      phone: "139-0000-5678",
      email: "li@shpatent.com",
      status: "在职",
      education: "清华大学",
      major: "计算机科学",
      degree: "学士",
      firstJobYear: 2018,
      reviewExperience: 5,
      mainClients: "阿里巴巴、腾讯、百度等300+企业",
    },
    {
      id: "AT003",
      name: "王律师",
      license: "44890123456",
      agency: "深圳知产代理中心",
      specialty: "外观设计",
      experience: 5,
      cases: 32,
      successRate: 90,
      phone: "137-0000-9012",
      email: "wang@szip.com",
      status: "在职",
      education: "浙江大学",
      major: "知识产权",
      degree: "博士",
      firstJobYear: 2019,
      reviewExperience: 4,
      mainClients: "网易、字节跳动、快手等200+企业",
    },
  ])

const handleViewDetail = (agent: (typeof agents)[0]) => {
    setSelectedAgent(agent)
    setIsDetailDialogOpen(true)
  }

const handleExitAgent = (agent: (typeof agents)[0]) => {
    setSelectedAgent(agent)
    setIsExitDialogOpen(true)
  }

const confirmExit = () => {
    if (selectedAgent) {
      setAgents(agents.filter((a) => a.id !== selectedAgent.id))
      setIsExitDialogOpen(false)
      setSelectedAgent(null)
    }
  }

<div className="flex justify-end gap-4">
                    <Button variant="outline" onClick={() => setIsDialogOpen(false)}>
                      取消
                    </Button>
                    <Button onClick={() => setIsDialogOpen(false)}>确认添加</Button>
                  </div>
                </div>
              </DialogContent>
            </Dialog>
          </div>
        </div>

<div className="p-8">
          <div className="mb-6 grid gap-6 md:grid-cols-4">
            <Card>
              <CardHeader className="pb-3">
                <CardDescription>代理人总数</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">{agents.length}</div>
                  <div className="text-sm text-green-600">+3 本月</div>
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <CardDescription>在职代理人</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">
                    {agents.filter((a) => a.status === "在职").length}
                  </div>
                  <div className="text-sm text-muted-foreground">
                    {Math.round((agents.filter((a) => a.status === "在职").length / agents.length) * 100)}%
                  </div>
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <CardDescription>平均成功率</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">
                    {Math.round(agents.reduce((sum, a) => sum + a.successRate, 0) / agents.length)}%
                  </div>
                  <Award className="h-5 w-5 text-yellow-500" />
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <CardDescription>平均从业年限</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">
                    {(agents.reduce((sum, a) => sum + a.experience, 0) / agents.length).toFixed(1)}
                  </div>
                  <div className="text-sm text-muted-foreground">年</div>
                </div>
              </CardContent>
            </Card>
          </div>

<Card>
            <CardHeader>
              <div className="flex items-center justify-between">
                <div>
                  <CardTitle>代理人列表</CardTitle>
                  <CardDescription>查看所有专利代理人信息</CardDescription>
                </div>
                <div className="flex gap-2">
                  <Input placeholder="搜索代理人姓名或执业证号" className="w-64" />
                  <Button variant="outline">
                    <Search className="h-4 w-4" />
                  </Button>
                </div>
              </div>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>代理人</TableHead>
                    <TableHead>执业证号</TableHead>
                    <TableHead>所属机构</TableHead>
                    <TableHead>专业领域</TableHead>
                    <TableHead>从业年限</TableHead>
                    <TableHead>代理案件</TableHead>
                    <TableHead>成功率</TableHead>
                    <TableHead>状态</TableHead>
                    <TableHead className="text-right">操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {agents.map((agent) => (
                    <TableRow key={agent.id}>
                      <TableCell>
                        <div className="flex items-center gap-3">
                          <Avatar>
                            <AvatarFallback>{agent.name.slice(0, 1)}</AvatarFallback>
                          </Avatar>
                          <div>
                            <div className="font-medium">{agent.name}</div>
                            <div className="text-xs text-muted-foreground">{agent.email}</div>
                          </div>
                        </div>
                      </TableCell>
                      <TableCell className="font-mono text-sm">{agent.license}</TableCell>
                      <TableCell>
                        <div className="flex items-center gap-2">
                          <Briefcase className="h-4 w-4 text-muted-foreground" />
                          <span className="text-sm">{agent.agency}</span>
                        </div>
                      </TableCell>
                      <TableCell>
                        <Badge variant="outline">{agent.specialty}</Badge>
                      </TableCell>
                      <TableCell>{agent.experience}年</TableCell>
                      <TableCell>{agent.cases}</TableCell>
                      <TableCell>
                        <div className="flex items-center gap-1">
                          <span className="font-medium">{agent.successRate}%</span>
                          {agent.successRate >= 90 && <Award className="h-4 w-4 text-yellow-500" />}
                        </div>
                      </TableCell>
                      <TableCell>
                        <Badge variant="default">{agent.status}</Badge>
                      </TableCell>
                      <TableCell className="text-right">
                        <div className="flex justify-end gap-2">
                          <Button
                            variant="ghost"
                            size="sm"
                            title="查看详细信息"
                            onClick={() => handleViewDetail(agent)}
                          >
                            <Eye className="h-4 w-4" />
                          </Button>
                          <Button variant="ghost" size="sm" title="退出代理机构" onClick={() => handleExitAgent(agent)}>
                            <LogOut className="h-4 w-4 text-red-500" />
                          </Button>
                        </div>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </div>

<Dialog open={isDetailDialogOpen} onOpenChange={setIsDetailDialogOpen}>
          <DialogContent className="max-w-3xl max-h-[80vh] overflow-y-auto">
            <DialogHeader>
              <DialogTitle>代理人详细信息</DialogTitle>
              <DialogDescription>审核代理人的完整资质和业绩信息</DialogDescription>
            </DialogHeader>

{selectedAgent && (
              <div className="space-y-6 py-4">
                {/* 基本信息 */}
                <div>
                  <h3 className="mb-4 font-semibold text-card-foreground">基本信息</h3>
                  <div className="grid gap-4 md:grid-cols-2">
                    <div className="rounded-lg bg-muted/50 p-4">
                      <p className="text-sm text-muted-foreground">姓名</p>
                      <p className="mt-1 font-medium">{selectedAgent.name}</p>
                    </div>
                    <div className="rounded-lg bg-muted/50 p-4">
                      <p className="text-sm text-muted-foreground">执业证号</p>
                      <p className="mt-1 font-mono font-medium">{selectedAgent.license}</p>
                    </div>
                    <div className="rounded-lg bg-muted/50 p-4">
                      <p className="text-sm text-muted-foreground">所属机构</p>
                      <p className="mt-1 font-medium">{selectedAgent.agency}</p>
                    </div>
                    <div className="rounded-lg bg-muted/50 p-4">
                      <p className="text-sm text-muted-foreground">联系电话</p>
                      <p className="mt-1 font-medium">{selectedAgent.phone}</p>
                    </div>
                    <div className="rounded-lg bg-muted/50 p-4 md:col-span-2">
                      <p className="text-sm text-muted-foreground">电子邮箱</p>
                      <p className="mt-1 font-medium">{selectedAgent.email}</p>
                    </div>
                  </div>
                </div>

{/* 教育背景 */}
                <div>
                  <h3 className="mb-4 font-semibold text-card-foreground">教育背景</h3>
                  <div className="grid gap-4 md:grid-cols-3">
                    <div className="rounded-lg bg-muted/50 p-4">
                      <p className="text-sm text-muted-foreground">毕业院校</p>
                      <p className="mt-1 font-medium">{selectedAgent.education}</p>
                    </div>
                    <div className="rounded-lg bg-muted/50 p-4">
                      <p className="text-sm text-muted-foreground">专业</p>
                      <p className="mt-1 font-medium">{selectedAgent.major}</p>
                    </div>
                    <div className="rounded-lg bg-muted/50 p-4">
                      <p className="text-sm text-muted-foreground">学历</p>
                      <p className="mt-1 font-medium">{selectedAgent.degree}</p>
                    </div>
                  </div>
                </div>

{/* 工作经历 */}
                <div>
                  <h3 className="mb-4 font-semibold text-card-foreground">工作经历</h3>
                  <div className="grid gap-4 md:grid-cols-3">
                    <div className="rounded-lg bg-muted/50 p-4">
                      <p className="text-sm text-muted-foreground">首次职业年份</p>
                      <p className="mt-1 font-medium">{selectedAgent.firstJobYear}年</p>
                    </div>
                    <div className="rounded-lg bg-muted/50 p-4">
                      <p className="text-sm text-muted-foreground">审查经历年限</p>
                      <p className="mt-1 font-medium">{selectedAgent.reviewExperience}年</p>
                    </div>
                    <div className="rounded-lg bg-muted/50 p-4">
                      <p className="text-sm text-muted-foreground">从业年限</p>
                      <p className="mt-1 font-medium">{selectedAgent.experience}年</p>
                    </div>
                  </div>
                </div>

{/* 专业领域 */}
                <div>
                  <h3 className="mb-4 font-semibold text-card-foreground">专业领域</h3>
                  <div className="rounded-lg bg-muted/50 p-4">
                    <p className="text-sm text-muted-foreground">专业领域</p>
                    <p className="mt-1 font-medium">{selectedAgent.specialty}</p>
                  </div>
                </div>

{/* 业绩统计 */}
                <div>
                  <h3 className="mb-4 font-semibold text-card-foreground">业绩统计</h3>
                  <div className="grid gap-4 md:grid-cols-3">
                    <div className="rounded-lg bg-muted/50 p-4">
                      <p className="text-sm text-muted-foreground">代理案件数</p>
                      <p className="mt-1 text-2xl font-bold">{selectedAgent.cases}</p>
                    </div>
                    <div className="rounded-lg bg-muted/50 p-4">
                      <p className="text-sm text-muted-foreground">成功率</p>
                      <p className="mt-1 text-2xl font-bold">{selectedAgent.successRate}%</p>
                    </div>
                    <div className="rounded-lg bg-muted/50 p-4">
                      <p className="text-sm text-muted-foreground">状态</p>
                      <p className="mt-1">
                        <Badge variant="default">{selectedAgent.status}</Badge>
                      </p>
                    </div>
                  </div>
                </div>

{/* 主要服务客户 */}
                <div>
                  <h3 className="mb-4 font-semibold text-card-foreground">主要服务客户</h3>
                  <div className="rounded-lg bg-muted/50 p-4">
                    <p className="text-sm leading-relaxed">{selectedAgent.mainClients}</p>
                  </div>
                </div>

<div className="flex justify-end gap-4 border-t border-border pt-6">
                  <Button variant="outline" onClick={() => setIsDetailDialogOpen(false)}>
                    关闭
                  </Button>
                  <Button>审核通过</Button>
                </div>
              </div>
            )}
          </DialogContent>
        </Dialog>

<AlertDialog open={isExitDialogOpen} onOpenChange={setIsExitDialogOpen}>
          <AlertDialogContent>
            <AlertDialogHeader>
              <AlertDialogTitle>确认退出代理机构</AlertDialogTitle>
              <AlertDialogDescription>
                {selectedAgent && (
                  <>
                    您将要将代理人 <span className="font-semibold text-card-foreground">{selectedAgent.name}</span> 从{" "}
                    <span className="font-semibold text-card-foreground">{selectedAgent.agency}</span> 中退出。
                    <br />
                    <br />
                    该操作将移除代理人在本代理机构的所有权限和关联信息，请谨慎操作。
                  </>
                )}
              </AlertDialogDescription>
            </AlertDialogHeader>
            <div className="flex justify-end gap-4">
              <AlertDialogCancel>取消</AlertDialogCancel>
              <AlertDialogAction onClick={confirmExit} className="bg-red-600 hover:bg-red-700">
                确认退出
              </AlertDialogAction>
            </div>
          </AlertDialogContent>
        </AlertDialog>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/commercialization/disclosure/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Badge } from "@/components/ui/badge"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { Plus, Eye, FileEdit, AlertCircle } from "lucide-react"

const evaluationStandards = [
  { id: 1, name: "创新性", weight: 25, description: "技术创新程度和创意新颖性" },
  { id: 2, name: "实用性", weight: 25, description: "技术的实际应用价值" },
  { id: 3, name: "技术成熟度", weight: 25, description: "技术完成度和可实施性" },
  { id: 4, name: "市场前景", weight: 25, description: "商业化潜力和市场需求" },
]

export default function DisclosurePage() {
  const [showNewDialog, setShowNewDialog] = useState(false)
  const [evaluationScores, setEvaluationScores] = useState<Record<number, number>>({})

const achievements = [
    {
      id: "AC2024001",
      name: "一种基于深度学习的图像识别方法",
      category: "发明专利",
      maturity: "实验室阶段",
      patents: ["P2024001"],
      field: "信息技术",
      leader: "张教授",
      status: "已发布",
      score: 92,
    },
    {
      id: "AC2024002",
      name: "智能传感器数据处理系统",
      category: "软件著作权",
      maturity: "中试阶段",
      patents: ["P2024002"],
      field: "电子信息",
      leader: "李教授",
      status: "草稿",
      score: null,
    },
  ]

const handleScoreChange = (id: number, score: number) => {
    setEvaluationScores({ ...evaluationScores, [id]: score })
  }

const calculateTotalScore = () => {
    return evaluationStandards.reduce((total, standard) => {
      return total + ((evaluationScores[standard.id] || 0) * standard.weight) / 100
    }, 0)
  }

<Card>
              <CardHeader className="pb-3">
                <CardDescription>已发布成果</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="text-3xl font-bold text-card-foreground">32</div>
              </CardContent>
            </Card>

<Dialog open={showNewDialog} onOpenChange={setShowNewDialog}>
            <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
              <DialogHeader>
                <DialogTitle>新增科技成果</DialogTitle>
                <DialogDescription>登记新的科技成果信息</DialogDescription>
              </DialogHeader>

<div className="grid gap-6 md:grid-cols-2">
                    <div className="space-y-2">
                      <Label htmlFor="maturity">成果成熟度</Label>
                      <Select>
                        <SelectTrigger id="maturity">
                          <SelectValue placeholder="选择成熟度" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="idea">创意阶段</SelectItem>
                          <SelectItem value="lab">实验室阶段</SelectItem>
                          <SelectItem value="pilot">中试阶段</SelectItem>
                          <SelectItem value="commercial">商业阶段</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>

<TabsContent value="ip" className="space-y-6">
                  <Alert>
                    <AlertCircle className="h-4 w-4" />
                    <AlertDescription>可关联已申报的知识产权信息</AlertDescription>
                  </Alert>

<div className="space-y-4">
                    <div>
                      <Label className="mb-2 block">专利</Label>
                      <Select>
                        <SelectTrigger>
                          <SelectValue placeholder="选择关联专利" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="p1">P2024001 - 图像识别方法</SelectItem>
                          <SelectItem value="p2">P2024002 - 智能传感器</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>

<div>
                      <Label className="mb-2 block">软件著作权</Label>
                      <Select>
                        <SelectTrigger>
                          <SelectValue placeholder="选择软著" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="sw1">软著2024001 - 数据处理系统</SelectItem>
                          <SelectItem value="sw2">软著2024002 - 分析工具</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>
                  </div>
                </TabsContent>

<TabsContent value="evaluation" className="space-y-6">
                  <Alert>
                    <AlertCircle className="h-4 w-4" />
                    <AlertDescription>根据以下标准进行自评，系统将自动计算总体评分</AlertDescription>
                  </Alert>

<div className="space-y-4">
                    {evaluationStandards.map((standard) => (
                      <div key={standard.id} className="space-y-2 rounded-lg border border-border p-4">
                        <div className="flex items-center justify-between">
                          <div>
                            <Label className="text-base font-medium">{standard.name}</Label>
                            <p className="text-sm text-muted-foreground">{standard.description}</p>
                          </div>
                          <Badge variant="secondary">权重{standard.weight}%</Badge>
                        </div>
                        <Input
                          type="range"
                          min="0"
                          max="10"
                          step="0.5"
                          value={evaluationScores[standard.id] || 0}
                          onChange={(e) => handleScoreChange(standard.id, Number.parseFloat(e.target.value))}
                          className="w-full"
                        />
                        <div className="flex items-center justify-between">
                          <span className="text-sm text-muted-foreground">0</span>
                          <span className="text-base font-semibold text-primary">
                            {evaluationScores[standard.id] || 0}分
                          </span>
                          <span className="text-sm text-muted-foreground">10</span>
                        </div>
                      </div>
                    ))}
                  </div>

<Card className="bg-primary/5 border-primary/20">
                    <CardHeader>
                      <CardTitle className="text-base">综合评分</CardTitle>
                    </CardHeader>
                    <CardContent>
                      <div className="text-4xl font-bold text-primary">{calculateTotalScore().toFixed(2)}分</div>
                      <p className="mt-2 text-sm text-muted-foreground">
                        基于{evaluationStandards.length}项指标加权计算
                      </p>
                    </CardContent>
                  </Card>
                </TabsContent>
              </Tabs>

<DialogFooter>
                <Button variant="outline" onClick={() => setShowNewDialog(false)}>
                  取消
                </Button>
                <Button onClick={() => setShowNewDialog(false)}>保存成果</Button>
              </DialogFooter>
            </DialogContent>
          </Dialog>

<Card>
            <CardHeader>
              <CardTitle>成果列表</CardTitle>
              <CardDescription>查看所有已登记的科技成果</CardDescription>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>成果编号</TableHead>
                    <TableHead>成果名称</TableHead>
                    <TableHead>类型</TableHead>
                    <TableHead>成熟度</TableHead>
                    <TableHead>知识产权</TableHead>
                    <TableHead>领域</TableHead>
                    <TableHead>评分</TableHead>
                    <TableHead>状态</TableHead>
                    <TableHead className="text-right">操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {achievements.map((item) => (
                    <TableRow key={item.id}>
                      <TableCell className="font-medium">{item.id}</TableCell>
                      <TableCell className="max-w-xs">{item.name}</TableCell>
                      <TableCell>{item.category}</TableCell>
                      <TableCell>{item.maturity}</TableCell>
                      <TableCell>
                        <Badge variant="outline">{item.patents[0]}</Badge>
                      </TableCell>
                      <TableCell>{item.field}</TableCell>
                      <TableCell>{item.score ? `${item.score}分` : "-"}</TableCell>
                      <TableCell>
                        <Badge variant={item.status === "已发布" ? "default" : "secondary"}>{item.status}</Badge>
                      </TableCell>
                      <TableCell className="text-right">
                        <div className="flex justify-end gap-2">
                          <Button variant="ghost" size="sm">
                            <Eye className="h-4 w-4" />
                          </Button>
                          <Button variant="ghost" size="sm">
                            <FileEdit className="h-4 w-4" />
                          </Button>
                        </div>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/commercialization/roadshow/page.tsx" isMerged="true"
"use client"

export default function RoadshowPage() {
  const [showNewPlanDialog, setShowNewPlanDialog] = useState(false)
  const [showFeedbackDialog, setShowFeedbackDialog] = useState(false)
  const [showQRDialog, setShowQRDialog] = useState(false)

const roadshowPlans = [
    {
      id: "RS2024001",
      name: "2025年春季成果转化路演",
      date: "2025-05-15",
      location: "科技园会议中心",
      capacity: 150,
      registered: 85,
      participatingAchievements: 12,
      status: "进行中",
    },
    {
      id: "RS2024002",
      name: "创新技术对接会",
      date: "2025-06-20",
      location: "校内报告厅",
      capacity: 200,
      registered: 120,
      participatingAchievements: 18,
      status: "筹备中",
    },
  ]

const achievements = [
    {
      id: "AC2024001",
      name: "一种基于深度学习的图像识别方法",
      roadshowPlan: "RS2024001",
      status: "已审核",
      feedback: 12,
    },
    {
      id: "AC2024002",
      name: "智能传感器数据处理系统",
      roadshowPlan: "RS2024001",
      status: "待审核",
      feedback: 0,
    },
  ]

const feedbackData = [
    {
      id: "FB001",
      company: "某科技有限公司",
      interest: "产品化合作",
      contact: "王总经理",
      phone: "13800138000",
      date: "2025-05-16",
    },
    {
      id: "FB002",
      company: "某创新企业",
      interest: "技术许可",
      contact: "李总",
      phone: "13900139000",
      date: "2025-05-17",
    },
  ]

<div className="p-8">
          <div className="mb-6 grid gap-6 md:grid-cols-4">
            <Card>
              <CardHeader className="pb-3">
                <CardDescription>路演计划总数</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="text-3xl font-bold text-card-foreground">8</div>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <CardDescription>参与成果数</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="text-3xl font-bold text-card-foreground">45</div>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <CardDescription>企业反馈数</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="text-3xl font-bold text-card-foreground">156</div>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <CardDescription>合作达成数</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="text-3xl font-bold text-card-foreground">8</div>
              </CardContent>
            </Card>
          </div>

<Dialog open={showNewPlanDialog} onOpenChange={setShowNewPlanDialog}>
            <DialogContent className="max-w-2xl">
              <DialogHeader>
                <DialogTitle>新增路演计划</DialogTitle>
                <DialogDescription>创建新的成果转化路演计划</DialogDescription>
              </DialogHeader>

<div className="grid gap-6 md:grid-cols-2">
                  <div className="space-y-2">
                    <Label htmlFor="plan-capacity">预期容纳企业数</Label>
                    <Input id="plan-capacity" type="number" placeholder="请输入预期参与企业数" />
                  </div>

<div className="space-y-2">
                    <Label htmlFor="plan-achievements">参与成果数</Label>
                    <Input id="plan-achievements" type="number" placeholder="请输入参与成果数" />
                  </div>
                </div>

<DialogFooter>
                <Button variant="outline" onClick={() => setShowNewPlanDialog(false)}>
                  取消
                </Button>
                <Button onClick={() => setShowNewPlanDialog(false)}>创建计划</Button>
              </DialogFooter>
            </DialogContent>
          </Dialog>

<Dialog open={showFeedbackDialog} onOpenChange={setShowFeedbackDialog}>
            <DialogContent className="max-w-4xl">
              <DialogHeader>
                <DialogTitle>企业反馈意向</DialogTitle>
                <DialogDescription>查看路演中企业反馈的意向需求</DialogDescription>
              </DialogHeader>

<Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>企业名称</TableHead>
                    <TableHead>合作意向</TableHead>
                    <TableHead>联系人</TableHead>
                    <TableHead>联系电话</TableHead>
                    <TableHead>反馈时间</TableHead>
                    <TableHead className="text-right">操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {feedbackData.map((item) => (
                    <TableRow key={item.id}>
                      <TableCell className="font-medium">{item.company}</TableCell>
                      <TableCell>{item.interest}</TableCell>
                      <TableCell>{item.contact}</TableCell>
                      <TableCell>{item.phone}</TableCell>
                      <TableCell>{item.date}</TableCell>
                      <TableCell className="text-right">
                        <Button variant="ghost" size="sm">
                          <Eye className="h-4 w-4" />
                        </Button>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>

<DialogFooter>
                <Button variant="outline" onClick={() => setShowFeedbackDialog(false)}>
                  关闭
                </Button>
                <Button>
                  <Download className="mr-2 h-4 w-4" />
                  导出反馈数据
                </Button>
              </DialogFooter>
            </DialogContent>
          </Dialog>

<Dialog open={showQRDialog} onOpenChange={setShowQRDialog}>
            <DialogContent className="max-w-md">
              <DialogHeader>
                <DialogTitle>路演反馈二维码</DialogTitle>
                <DialogDescription>扫描二维码反馈企业需求信息</DialogDescription>
              </DialogHeader>

<div className="flex flex-col items-center gap-6 py-6">
                <div className="flex h-48 w-48 items-center justify-center rounded-lg border-2 border-dashed border-border bg-muted">
                  <QrCode className="h-24 w-24 text-muted-foreground" />
                </div>
                <p className="text-center text-sm text-muted-foreground">
                  企业可通过扫描此二维码反馈对技术成果的合作意向
                </p>
              </div>

<DialogFooter>
                <Button variant="outline" onClick={() => setShowQRDialog(false)}>
                  关闭
                </Button>
                <Button>
                  <Download className="mr-2 h-4 w-4" />
                  下载二维码
                </Button>
              </DialogFooter>
            </DialogContent>
          </Dialog>

<div className="grid gap-6">
            <Card>
              <CardHeader>
                <div className="flex items-center justify-between">
                  <div>
                    <CardTitle>路演计划</CardTitle>
                    <CardDescription>查看所有成果路演计划</CardDescription>
                  </div>
                  <Button variant="outline" size="sm">
                    <Plus className="mr-2 h-4 w-4" />
                    邀请成果
                  </Button>
                </div>
              </CardHeader>
              <CardContent>
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead>计划编号</TableHead>
                      <TableHead>计划名称</TableHead>
                      <TableHead>路演日期</TableHead>
                      <TableHead>地点</TableHead>
                      <TableHead>注册企业</TableHead>
                      <TableHead>参与成果</TableHead>
                      <TableHead>状态</TableHead>
                      <TableHead className="text-right">操作</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    {roadshowPlans.map((plan) => (
                      <TableRow key={plan.id}>
                        <TableCell className="font-medium">{plan.id}</TableCell>
                        <TableCell>{plan.name}</TableCell>
                        <TableCell>{plan.date}</TableCell>
                        <TableCell>{plan.location}</TableCell>
                        <TableCell>
                          {plan.registered}/{plan.capacity}
                        </TableCell>
                        <TableCell>{plan.participatingAchievements}项</TableCell>
                        <TableCell>
                          <Badge variant={plan.status === "进行中" ? "default" : "secondary"}>{plan.status}</Badge>
                        </TableCell>
                        <TableCell className="text-right gap-2 flex justify-end">
                          <Button variant="ghost" size="sm" onClick={() => setShowQRDialog(true)}>
                            <QrCode className="h-4 w-4" />
                          </Button>
                          <Button variant="ghost" size="sm" onClick={() => setShowFeedbackDialog(true)}>
                            <Eye className="h-4 w-4" />
                          </Button>
                        </TableCell>
                      </TableRow>
                    ))}
                  </TableBody>
                </Table>
              </CardContent>
            </Card>

<Card>
              <CardHeader>
                <CardTitle>成果参与</CardTitle>
                <CardDescription>查看成果路演参与情况</CardDescription>
              </CardHeader>
              <CardContent>
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead>成果编号</TableHead>
                      <TableHead>成果名称</TableHead>
                      <TableHead>路演计划</TableHead>
                      <TableHead>企业反馈</TableHead>
                      <TableHead>审核状态</TableHead>
                      <TableHead className="text-right">操作</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    {achievements.map((item) => (
                      <TableRow key={item.id}>
                        <TableCell className="font-medium">{item.id}</TableCell>
                        <TableCell className="max-w-xs">{item.name}</TableCell>
                        <TableCell>{item.roadshowPlan}</TableCell>
                        <TableCell>{item.feedback}条</TableCell>
                        <TableCell>
                          <Badge variant={item.status === "已审核" ? "default" : "secondary"}>{item.status}</Badge>
                        </TableCell>
                        <TableCell className="text-right">
                          <Button variant="ghost" size="sm">
                            <Eye className="h-4 w-4" />
                          </Button>
                        </TableCell>
                      </TableRow>
                    ))}
                  </TableBody>
                </Table>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/commercialization/promotion/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Badge } from "@/components/ui/badge"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Checkbox } from "@/components/ui/checkbox"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { Plus, Eye, AlertCircle, Copy } from "lucide-react"

export default function PromotionPage() {
  const [showNewPromotionDialog, setShowNewPromotionDialog] = useState(false)
  const [selectedPlatforms, setSelectedPlatforms] = useState<string[]>([])

const platforms = [
    { id: "website", name: "官方网站", type: "官方渠道" },
    { id: "wechat", name: "官方微信号", type: "官方渠道" },
    { id: "partner1", name: "科技创新平台", type: "合作平台" },
    { id: "partner2", name: "产业对接平台", type: "合作平台" },
  ]

const promotions = [
    {
      id: "PM2024001",
      name: "一种基于深度学习的图像识别方法",
      platforms: ["website", "wechat"],
      publicationDate: "2025-05-01",
      feedback: 24,
      status: "发布中",
    },
    {
      id: "PM2024002",
      name: "智能传感器数据处理系统",
      platforms: ["partner1"],
      publicationDate: "2025-05-10",
      feedback: 12,
      status: "发布中",
    },
  ]

const togglePlatform = (platformId: string) => {
    setSelectedPlatforms((prev) =>
      prev.includes(platformId) ? prev.filter((id) => id !== platformId) : [...prev, platformId],
    )
  }

<Dialog open={showNewPromotionDialog} onOpenChange={setShowNewPromotionDialog}>
            <DialogContent className="max-w-2xl">
              <DialogHeader>
                <DialogTitle>新增推广申请</DialogTitle>
                <DialogDescription>申请对成果进行推广宣传</DialogDescription>
              </DialogHeader>

<div className="space-y-6">
                <div className="space-y-2">
                  <Label htmlFor="achievement-select">选择成果</Label>
                  <Select>
                    <SelectTrigger id="achievement-select">
                      <SelectValue placeholder="选择要推广的成果" />
                    </SelectTrigger>
                    <SelectContent>
                      <SelectItem value="ac1">AC2024001 - 一种基于深度学习的图像识别方法</SelectItem>
                      <SelectItem value="ac2">AC2024002 - 智能传感器数据处理系统</SelectItem>
                      <SelectItem value="ac3">AC2024003 - 数据加密算法优化</SelectItem>
                    </SelectContent>
                  </Select>
                </div>

<div className="space-y-3">
                  <Label>选择推广平台</Label>
                  <Alert>
                    <AlertCircle className="h-4 w-4" />
                    <AlertDescription>系统将为每个平台自动生成企业反馈链接</AlertDescription>
                  </Alert>

<div className="space-y-2">
                    {platforms.map((platform) => (
                      <div
                        key={platform.id}
                        className="flex items-center space-x-2 rounded-lg border border-border p-3"
                      >
                        <Checkbox
                          id={`platform-${platform.id}`}
                          checked={selectedPlatforms.includes(platform.id)}
                          onCheckedChange={() => togglePlatform(platform.id)}
                        />
                        <label htmlFor={`platform-${platform.id}`} className="flex flex-1 cursor-pointer flex-col">
                          <span className="font-medium text-card-foreground">{platform.name}</span>
                          <span className="text-sm text-muted-foreground">{platform.type}</span>
                        </label>
                      </div>
                    ))}
                  </div>
                </div>

<div className="space-y-2">
                  <Label htmlFor="promotion-materials">宣传材料上传</Label>
                  <Input id="promotion-materials" type="file" multiple />
                  <p className="text-sm text-muted-foreground">支持上传图片、PDF、Word等格式文件</p>
                </div>

<DialogFooter>
                <Button variant="outline" onClick={() => setShowNewPromotionDialog(false)}>
                  取消
                </Button>
                <Button onClick={() => setShowNewPromotionDialog(false)}>提交申请</Button>
              </DialogFooter>
            </DialogContent>
          </Dialog>

<Card>
            <CardHeader>
              <CardTitle>推广项目</CardTitle>
              <CardDescription>查看所有成果推广项目和企业反馈</CardDescription>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>推广编号</TableHead>
                    <TableHead>成果名称</TableHead>
                    <TableHead>推广平台</TableHead>
                    <TableHead>发布日期</TableHead>
                    <TableHead>企业反馈</TableHead>
                    <TableHead>状态</TableHead>
                    <TableHead className="text-right">操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {promotions.map((promotion) => (
                    <TableRow key={promotion.id}>
                      <TableCell className="font-medium">{promotion.id}</TableCell>
                      <TableCell className="max-w-xs">{promotion.name}</TableCell>
                      <TableCell>
                        <div className="flex gap-1">
                          {promotion.platforms.map((p) => (
                            <Badge key={p} variant="outline" className="text-xs">
                              {platforms.find((pl) => pl.id === p)?.name}
                            </Badge>
                          ))}
                        </div>
                      </TableCell>
                      <TableCell>{promotion.publicationDate}</TableCell>
                      <TableCell>{promotion.feedback}条</TableCell>
                      <TableCell>
                        <Badge variant="default">{promotion.status}</Badge>
                      </TableCell>
                      <TableCell className="text-right gap-2 flex justify-end">
                        <Button variant="ghost" size="sm">
                          <Eye className="h-4 w-4" />
                        </Button>
                        <Button variant="ghost" size="sm">
                          <Copy className="h-4 w-4" />
                        </Button>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/commercialization/benefits/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { SidebarNav } from "@/components/sidebar-nav"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Badge } from "@/components/ui/badge"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { Plus, Eye, FileEdit, AlertCircle, TrendingUp, DollarSign } from "lucide-react"

export default function BenefitsPage() {
  const [showPaymentDialog, setShowPaymentDialog] = useState(false)
  const [showTaxDialog, setShowTaxDialog] = useState(false)

const transferIncomeData = [
    {
      id: "TI2024001",
      contractName: "图像识别技术转让合同",
      company: "某科技有限公司",
      totalAmount: "500万",
      totalReceived: "350万",
      percentage: 70,
      status: "执行中",
    },
    {
      id: "TI2024002",
      contractName: "智能传感器许可合同",
      company: "某电子集团",
      totalAmount: "300万",
      totalReceived: "300万",
      percentage: 100,
      status: "已完成",
    },
  ]

const milestonePayments = [
    {
      id: "MS001",
      contract: "TI2024001",
      description: "产品化阶段",
      scheduledAmount: "100万",
      receivedAmount: "100万",
      dueDate: "2025-06-30",
      status: "已确认",
    },
    {
      id: "MS002",
      contract: "TI2024001",
      description: "销售提成（销售额100万以上）",
      scheduledAmount: "50万",
      receivedAmount: null,
      dueDate: "2025-12-31",
      status: "待确认",
    },
  ]

const distributionSchemes = [
    {
      id: "DS001",
      contractName: "图像识别技术转让合同",
      university: "40%",
      department: "10%",
      innovators: "50%",
      totalBenefit: "500万",
      status: "已审核",
    },
  ]

<div className="p-8">
          <div className="mb-6 grid gap-6 md:grid-cols-4">
            <Card>
              <CardHeader className="pb-3">
                <CardDescription>累计转化收入</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">¥8.5M</div>
                  <div className="text-sm text-green-600">+25%</div>
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader className="pb-3">
                <CardDescription>已分配奖励</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="flex items-baseline gap-2">
                  <div className="text-3xl font-bold text-card-foreground">¥2.8M</div>
                  <DollarSign className="h-5 w-5 text-green-600" />
                </div>
              </CardContent>
            </Card>
          </div>

<Tabs defaultValue="income" className="space-y-6">
            <TabsList className="grid w-full grid-cols-5">
              <TabsTrigger value="income">转化收入认领</TabsTrigger>
              <TabsTrigger value="payment">到款计划管理</TabsTrigger>
              <TabsTrigger value="distribution">收益分配</TabsTrigger>
              <TabsTrigger value="tax-exempt">现金奖励免税</TabsTrigger>
              <TabsTrigger value="deferred-tax">递延纳税</TabsTrigger>
            </TabsList>

<TabsContent value="income" className="space-y-4">
              <Card>
                <CardHeader>
                  <CardTitle>成果转让收入认领</CardTitle>
                  <CardDescription>项目负责人可在此认领项目入账经费</CardDescription>
                </CardHeader>
                <CardContent>
                  <Table>
                    <TableHeader>
                      <TableRow>
                        <TableHead>合同编号</TableHead>
                        <TableHead>合同名称</TableHead>
                        <TableHead>合作方</TableHead>
                        <TableHead>合同金额</TableHead>
                        <TableHead>已到款</TableHead>
                        <TableHead>到款进度</TableHead>
                        <TableHead>状态</TableHead>
                        <TableHead className="text-right">操作</TableHead>
                      </TableRow>
                    </TableHeader>
                    <TableBody>
                      {transferIncomeData.map((item) => (
                        <TableRow key={item.id}>
                          <TableCell className="font-medium">{item.id}</TableCell>
                          <TableCell className="max-w-xs">{item.contractName}</TableCell>
                          <TableCell>{item.company}</TableCell>
                          <TableCell>{item.totalAmount}</TableCell>
                          <TableCell className="font-medium">{item.totalReceived}</TableCell>
                          <TableCell>
                            <div className="w-full bg-secondary rounded-full h-2">
                              <div
                                className="bg-primary h-2 rounded-full"
                                style={{ width: `${item.percentage}%` }}
                              ></div>
                            </div>
                          </TableCell>
                          <TableCell>
                            <Badge variant={item.status === "已完成" ? "default" : "secondary"}>{item.status}</Badge>
                          </TableCell>
                          <TableCell className="text-right">
                            <Button variant="ghost" size="sm">
                              <Eye className="h-4 w-4" />
                            </Button>
                          </TableCell>
                        </TableRow>
                      ))}
                    </TableBody>
                  </Table>
                </CardContent>
              </Card>

<Alert>
                <AlertCircle className="h-4 w-4" />
                <AlertDescription>到款后系统将自动发送提醒，负责人需在线认领以启动分配流程</AlertDescription>
              </Alert>
            </TabsContent>

<TabsContent value="payment" className="space-y-4">
              <Card>
                <CardHeader>
                  <div className="flex items-center justify-between">
                    <div>
                      <CardTitle>到款计划</CardTitle>
                      <CardDescription>管理合同约定的到款计划</CardDescription>
                    </div>
                    <Button onClick={() => setShowPaymentDialog(true)} size="sm">
                      <Plus className="mr-2 h-4 w-4" />
                      新增计划
                    </Button>
                  </div>
                </CardHeader>
                <CardContent>
                  <Table>
                    <TableHeader>
                      <TableRow>
                        <TableHead>计划编号</TableHead>
                        <TableHead>关联合同</TableHead>
                        <TableHead>款项描述</TableHead>
                        <TableHead>计划金额</TableHead>
                        <TableHead>已到款</TableHead>
                        <TableHead>到期日期</TableHead>
                        <TableHead>确认状态</TableHead>
                        <TableHead className="text-right">操作</TableHead>
                      </TableRow>
                    </TableHeader>
                    <TableBody>
                      {milestonePayments.map((item) => (
                        <TableRow key={item.id}>
                          <TableCell className="font-medium">{item.id}</TableCell>
                          <TableCell>{item.contract}</TableCell>
                          <TableCell className="max-w-xs">{item.description}</TableCell>
                          <TableCell>{item.scheduledAmount}</TableCell>
                          <TableCell>{item.receivedAmount || "-"}</TableCell>
                          <TableCell>{item.dueDate}</TableCell>
                          <TableCell>
                            <Badge variant={item.status === "已确认" ? "default" : "secondary"}>{item.status}</Badge>
                          </TableCell>
                          <TableCell className="text-right">
                            <Button variant="ghost" size="sm">
                              <FileEdit className="h-4 w-4" />
                            </Button>
                          </TableCell>
                        </TableRow>
                      ))}
                    </TableBody>
                  </Table>
                </CardContent>
              </Card>

<Dialog open={showPaymentDialog} onOpenChange={setShowPaymentDialog}>
                <DialogContent className="max-w-2xl">
                  <DialogHeader>
                    <DialogTitle>新增到款计划</DialogTitle>
                    <DialogDescription>添加合同中的到款计划项目</DialogDescription>
                  </DialogHeader>

<div className="space-y-6">
                    <div className="space-y-2">
                      <Label htmlFor="contract-select">关联合同</Label>
                      <Select>
                        <SelectTrigger id="contract-select">
                          <SelectValue placeholder="选择合同" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="c1">TI2024001 - 图像识别技术转让合同</SelectItem>
                          <SelectItem value="c2">TI2024002 - 智能传感器许可合同</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>

<DialogFooter>
                    <Button variant="outline" onClick={() => setShowPaymentDialog(false)}>
                      取消
                    </Button>
                    <Button onClick={() => setShowPaymentDialog(false)}>创建计划</Button>
                  </DialogFooter>
                </DialogContent>
              </Dialog>
            </TabsContent>

<TabsContent value="distribution" className="space-y-4">
              <Card>
                <CardHeader>
                  <CardTitle>收益分配方案</CardTitle>
                  <CardDescription>查看和管理成果转化的收益分配</CardDescription>
                </CardHeader>
                <CardContent>
                  <Table>
                    <TableHeader>
                      <TableRow>
                        <TableHead>分配编号</TableHead>
                        <TableHead>合同名称</TableHead>
                        <TableHead>学校比例</TableHead>
                        <TableHead>院系比例</TableHead>
                        <TableHead>完成人比例</TableHead>
                        <TableHead>总收益</TableHead>
                        <TableHead>状态</TableHead>
                        <TableHead className="text-right">操作</TableHead>
                      </TableRow>
                    </TableHeader>
                    <TableBody>
                      {distributionSchemes.map((scheme) => (
                        <TableRow key={scheme.id}>
                          <TableCell className="font-medium">{scheme.id}</TableCell>
                          <TableCell className="max-w-xs">{scheme.contractName}</TableCell>
                          <TableCell>{scheme.university}</TableCell>
                          <TableCell>{scheme.department}</TableCell>
                          <TableCell>{scheme.innovators}</TableCell>
                          <TableCell className="font-medium">{scheme.totalBenefit}</TableCell>
                          <TableCell>
                            <Badge variant="default">{scheme.status}</Badge>
                          </TableCell>
                          <TableCell className="text-right">
                            <Button variant="ghost" size="sm">
                              <Eye className="h-4 w-4" />
                            </Button>
                          </TableCell>
                        </TableRow>
                      ))}
                    </TableBody>
                  </Table>
                </CardContent>
              </Card>

<Alert>
                <AlertCircle className="h-4 w-4" />
                <AlertDescription>系统根据收益分配方案自动计算各方分配金额，经管理员审核后送财务入账</AlertDescription>
              </Alert>
            </TabsContent>

<TabsContent value="tax-exempt" className="space-y-4">
              <Card>
                <CardHeader>
                  <div className="flex items-center justify-between">
                    <div>
                      <CardTitle>现金奖励免税申请</CardTitle>
                      <CardDescription>申请现金奖励的税收减免优惠</CardDescription>
                    </div>
                    <Button onClick={() => setShowTaxDialog(true)} size="sm">
                      <Plus className="mr-2 h-4 w-4" />
                      新增申请
                    </Button>
                  </div>
                </CardHeader>
                <CardContent>
                  <Table>
                    <TableHeader>
                      <TableRow>
                        <TableHead>申请编号</TableHead>
                        <TableHead>合同名称</TableHead>
                        <TableHead>奖励金额</TableHead>
                        <TableHead>申请人</TableHead>
                        <TableHead>申请日期</TableHead>
                        <TableHead>审核状态</TableHead>
                        <TableHead className="text-right">操作</TableHead>
                      </TableRow>
                    </TableHeader>
                    <TableBody>
                      <TableRow>
                        <TableCell className="font-medium">TAX001</TableCell>
                        <TableCell>图像识别技术转让合同</TableCell>
                        <TableCell>100万</TableCell>
                        <TableCell>张教授</TableCell>
                        <TableCell>2025-05-01</TableCell>
                        <TableCell>
                          <Badge variant="default">已审核</Badge>
                        </TableCell>
                        <TableCell className="text-right">
                          <Button variant="ghost" size="sm">
                            <Eye className="h-4 w-4" />
                          </Button>
                        </TableCell>
                      </TableRow>
                    </TableBody>
                  </Table>
                </CardContent>
              </Card>

<Dialog open={showTaxDialog} onOpenChange={setShowTaxDialog}>
                <DialogContent className="max-w-2xl">
                  <DialogHeader>
                    <DialogTitle>现金奖励免税申请</DialogTitle>
                    <DialogDescription>申请现金奖励的税收减免</DialogDescription>
                  </DialogHeader>

<div className="space-y-6">
                    <div className="space-y-2">
                      <Label htmlFor="tax-contract">选择合同</Label>
                      <Select>
                        <SelectTrigger id="tax-contract">
                          <SelectValue placeholder="选择合同" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="c1">TI2024001 - 图像识别技术转让合同</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>

<Alert>
                      <AlertCircle className="h-4 w-4" />
                      <AlertDescription>合同信息将自动从合同模块获取，无需重复输入</AlertDescription>
                    </Alert>

<div className="space-y-2">
                      <Label htmlFor="tax-files">申请材料上传</Label>
                      <Input id="tax-files" type="file" multiple />
                      <p className="text-sm text-muted-foreground">请上传相关证明材料</p>
                    </div>

<DialogFooter>
                    <Button variant="outline" onClick={() => setShowTaxDialog(false)}>
                      取消
                    </Button>
                    <Button onClick={() => setShowTaxDialog(false)}>提交申请</Button>
                  </DialogFooter>
                </DialogContent>
              </Dialog>
            </TabsContent>

<TabsContent value="deferred-tax" className="space-y-4">
              <Card>
                <CardHeader>
                  <CardTitle>递延纳税申请</CardTitle>
                  <CardDescription>针对作价入股项目的递延纳税申请</CardDescription>
                </CardHeader>
                <CardContent>
                  <Table>
                    <TableHeader>
                      <TableRow>
                        <TableHead>申请编号</TableHead>
                        <TableHead>项目名称</TableHead>
                        <TableHead>入股金额</TableHead>
                        <TableHead>申请人</TableHead>
                        <TableHead>申请日期</TableHead>
                        <TableHead>审核状态</TableHead>
                        <TableHead className="text-right">操作</TableHead>
                      </TableRow>
                    </TableHeader>
                    <TableBody>
                      <TableRow>
                        <TableCell className="font-medium">DEF001</TableCell>
                        <TableCell>某创新科技有限公司</TableCell>
                        <TableCell>200万</TableCell>
                        <TableCell>李教授</TableCell>
                        <TableCell>2025-04-15</TableCell>
                        <TableCell>
                          <Badge variant="secondary">审核中</Badge>
                        </TableCell>
                        <TableCell className="text-right">
                          <Button variant="ghost" size="sm">
                            <Eye className="h-4 w-4" />
                          </Button>
                        </TableCell>
                      </TableRow>
                    </TableBody>
                  </Table>
                </CardContent>
              </Card>
            </TabsContent>
          </Tabs>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/patent/evaluation/page.tsx" isEdit="true" isMerged="true"
"use client"

import type React from "react"

interface EvaluationRecord {
  id: string
  title: string
  submissionDate: string
  evaluationGrade: "A" | "B" | "C" | "D"
  status: string
  reportId: string
}

export default function PatentEvaluationPage() {
  const [openDialog, setOpenDialog] = useState(false)
  const [selectedFile, setSelectedFile] = useState<File | null>(null)
  const [evaluationRecords, setEvaluationRecords] = useState<EvaluationRecord[]>([
    {
      id: "eval-001",
      title: "一种基于深度学习的图像识别方法",
      submissionDate: "2025-01-15",
      evaluationGrade: "A",
      status: "评估完成",
      reportId: "report-001",
    },
    {
      id: "eval-002",
      title: "智能物联网网关系统",
      submissionDate: "2025-01-10",
      evaluationGrade: "B",
      status: "评估完成",
      reportId: "report-002",
    },
    {
      id: "eval-003",
      title: "云端数据处理引擎",
      submissionDate: "2025-01-05",
      evaluationGrade: "C",
      status: "评估完成",
      reportId: "report-003",
    },
  ])

const gradeInfo = {
    A: {
      label: "A级",
      description: "具有较高的创新性和市场潜力，可直接申请",
      color: "bg-green-100 text-green-800",
      borderColor: "border-green-300",
      icon: CheckCircle2,
      recommendation: "建议立即提交专利申请",
    },
    B: {
      label: "B级",
      description: "创新性良好，可直接申请",
      color: "bg-blue-100 text-blue-800",
      borderColor: "border-blue-300",
      icon: CheckCircle2,
      recommendation: "建议直接提交专利申请",
    },
    C: {
      label: "C级",
      description: "创新性一般，需要修改后再申请",
      color: "bg-orange-100 text-orange-800",
      borderColor: "border-orange-300",
      icon: AlertTriangle,
      recommendation: "建议根据预评估意见进行修改后再提交申请",
    },
    D: {
      label: "D级",
      description: "创新性不足，不建议申请",
      color: "bg-red-100 text-red-800",
      borderColor: "border-red-300",
      icon: XCircle,
      recommendation: "不建议继续申请，建议重新进行技术方案设计",
    },
  }

const evaluationResults = {
    novelty: { score: 85, status: "good", label: "新颖性" },
    inventiveness: { score: 78, status: "good", label: "创造性" },
    practicality: { score: 92, status: "excellent", label: "实用性" },
    marketValue: { score: 70, status: "medium", label: "市场价值" },
  }

const similarPatents = [
    {
      id: "CN123456789A",
      title: "一种图像识别系统",
      similarity: 75,
      status: "已授权",
      date: "2023-05-20",
    },
    {
      id: "CN987654321A",
      title: "基于神经网络的图像处理方法",
      similarity: 68,
      status: "实质审查",
      date: "2023-08-15",
    },
    {
      id: "CN456789123A",
      title: "深度学习图像分类装置",
      similarity: 62,
      status: "已授权",
      date: "2023-11-10",
    },
  ]

const handleFileSelect = (e: React.ChangeEvent<HTMLInputElement>) => {
    const file = e.target.files?.[0]
    if (file) {
      setSelectedFile(file)
    }
  }

const handlePushToSystem = () => {
    if (selectedFile) {
      alert(`技术交底书"${selectedFile.name}"已成功推送至国家知识产权局专利预评估系统，预计24小时内返回评估结果`)
      setOpenDialog(false)
      setSelectedFile(null)
    }
  }

const downloadReport = (reportId: string, recordTitle: string) => {
    alert(`正在下载预评估报告：${recordTitle}`)
  }

const viewReport = (reportId: string, grade: string) => {
    alert(`查看等级为${grade}的完整预评估报告内容`)
  }

return (
    <div className="flex h-screen">
      <SidebarNav />
      <div className="flex-1 overflow-y-auto">
        <div className="border-b border-border bg-card px-8 py-6">
          <h1 className="text-2xl font-semibold text-card-foreground">专利申请前评估</h1>
          <p className="mt-1 text-sm text-muted-foreground">对接国家知识产权局专利预评估系统</p>
        </div>

<div className="p-8">
          <Card className="mb-6 border-blue-200 bg-blue-50">
            <CardHeader>
              <CardTitle className="flex items-center gap-2">
                <Upload className="h-5 w-5" />
                推送技术交底书至预评估系统
              </CardTitle>
              <CardDescription>上传校内技术交底书，直接推送至国家知识产权局专利预评估系统</CardDescription>
            </CardHeader>
            <CardContent className="space-y-4">
              <div className="rounded-lg border-2 border-dashed border-blue-300 bg-white p-6">
                <div className="flex flex-col items-center justify-center space-y-2">
                  <FileText className="h-8 w-8 text-blue-600" />
                  <p className="text-sm font-medium text-foreground">点击选择技术交底书或将文件拖放至此</p>
                  <p className="text-xs text-muted-foreground">支持PDF、DOC、DOCX格式，文件大小不超过10MB</p>
                  <Input
                    type="file"
                    accept=".pdf,.doc,.docx"
                    onChange={handleFileSelect}
                    className="hidden"
                    id="file-upload"
                  />
                  <Button variant="outline" size="sm" onClick={() => document.getElementById("file-upload")?.click()}>
                    选择文件
                  </Button>
                </div>
              </div>

{selectedFile && (
                <div className="flex items-center justify-between rounded-lg border border-green-200 bg-green-50 p-4">
                  <div className="flex items-center gap-3">
                    <FileText className="h-4 w-4 text-green-600" />
                    <div>
                      <p className="text-sm font-medium text-foreground">{selectedFile.name}</p>
                      <p className="text-xs text-muted-foreground">{(selectedFile.size / 1024 / 1024).toFixed(2)} MB</p>
                    </div>
                  </div>
                  <Button size="sm" onClick={handlePushToSystem}>
                    推送至预评估系统
                  </Button>
                </div>
              )}
            </CardContent>
          </Card>

<Card className="mb-6">
            <CardHeader>
              <CardTitle>预评估等级说明</CardTitle>
              <CardDescription>了解各等级的含义和建议处理方式</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
                {(["A", "B", "C", "D"] as const).map((grade) => {
                  const info = gradeInfo[grade]
                  const Icon = info.icon
                  return (
                    <div key={grade} className={`rounded-lg border-2 p-4 ${info.borderColor} ${info.color}`}>
                      <div className="flex items-center gap-2">
                        <Icon className="h-5 w-5" />
                        <span className="font-semibold">{info.label}</span>
                      </div>
                      <p className="mt-2 text-sm font-medium">{info.description}</p>
                      <p className="mt-2 text-xs">{info.recommendation}</p>
                    </div>
                  )
                })}
              </div>
            </CardContent>
          </Card>

<Card className="mb-6">
            <CardHeader>
              <CardTitle>预评估记录</CardTitle>
              <CardDescription>查看已完成的评估记录和等级反馈</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="space-y-4">
                {evaluationRecords.map((record) => {
                  const info = gradeInfo[record.evaluationGrade]
                  const Icon = info.icon
                  return (
                    <div key={record.id} className={`rounded-lg border-2 p-4 ${info.borderColor}`}>
                      <div className="flex items-start justify-between">
                        <div className="flex-1">
                          <div className="flex items-center gap-3">
                            <Icon className="h-5 w-5 flex-shrink-0" style={{ color: info.color }} />
                            <h4 className="font-medium text-foreground">{record.title}</h4>
                          </div>
                          <div className="mt-3 flex flex-wrap items-center gap-4 text-sm">
                            <span className="text-muted-foreground">
                              <Clock className="mr-1 inline h-4 w-4" />
                              提交时间：{record.submissionDate}
                            </span>
                            <Badge variant="secondary">{record.status}</Badge>
                          </div>
                          <div className="mt-3 rounded-lg bg-white p-3">
                            <p className="text-sm font-medium text-foreground">
                              预评估等级：
                              <Badge className="ml-2">{info.label}</Badge>
                            </p>
                            <p className="mt-1 text-sm text-muted-foreground">{info.recommendation}</p>
                          </div>
                        </div>
                        <div className="ml-4 flex flex-col gap-2">
                          <Button size="sm" onClick={() => viewReport(record.reportId, record.evaluationGrade)}>
                            查看报告
                          </Button>
                          <Button
                            variant="outline"
                            size="sm"
                            onClick={() => downloadReport(record.reportId, record.title)}
                          >
                            <Download className="mr-1 h-4 w-4" />
                            下载
                          </Button>
                        </div>
                      </div>
                    </div>
                  )
                })}
              </div>
            </CardContent>
          </Card>

<div className="mb-6 grid gap-6 lg:grid-cols-3">
            <Card className="lg:col-span-2">
              <CardHeader>
                <CardTitle>提交评估</CardTitle>
                <CardDescription>填写技术方案信息进行评估</CardDescription>
              </CardHeader>
              <CardContent className="space-y-6">
                <div className="space-y-2">
                  <Label htmlFor="eval-title">技术方案名称</Label>
                  <Input id="eval-title" placeholder="请输入技术方案名称" />
                </div>

<div className="space-y-2">
                  <Label htmlFor="eval-description">技术方案描述</Label>
                  <Textarea
                    id="eval-description"
                    placeholder="请详细描述技术方案的核心内容、创新点和技术特征"
                    className="min-h-40"
                  />
                </div>

<Card>
              <CardHeader>
                <CardTitle>评估说明</CardTitle>
              </CardHeader>
              <CardContent className="space-y-4 text-sm">
                <div className="space-y-2">
                  <div className="flex items-start gap-2">
                    <CheckCircle2 className="mt-0.5 h-4 w-4 text-green-600" />
                    <div>
                      <div className="font-medium text-foreground">新颖性评估</div>
                      <div className="text-muted-foreground">检索现有技术，判断是否具有新颖性</div>
                    </div>
                  </div>

<div className="flex items-start gap-2">
                    <CheckCircle2 className="mt-0.5 h-4 w-4 text-green-600" />
                    <div>
                      <div className="font-medium text-foreground">创造性评估</div>
                      <div className="text-muted-foreground">分析技术方案的创新程度</div>
                    </div>
                  </div>

<div className="flex items-start gap-2">
                    <CheckCircle2 className="mt-0.5 h-4 w-4 text-green-600" />
                    <div>
                      <div className="font-medium text-foreground">实用性评估</div>
                      <div className="text-muted-foreground">评估技术方案的可实施性</div>
                    </div>
                  </div>

<div className="flex items-start gap-2">
                    <TrendingUp className="mt-0.5 h-4 w-4 text-blue-600" />
                    <div>
                      <div className="font-medium text-foreground">市场价值评估</div>
                      <div className="text-muted-foreground">分析技术的商业化潜力</div>
                    </div>
                  </div>
                </div>

<div className="rounded-lg bg-muted p-3">
                  <div className="text-xs text-muted-foreground">
                    评估结果仅供参考，最终以国家知识产权局审查结果为准
                  </div>
                </div>
              </CardContent>
            </Card>
          </div>

<Card className="mb-6">
            <CardHeader>
              <CardTitle>评估结果</CardTitle>
              <CardDescription>基于AI分析的专利评估报告</CardDescription>
            </CardHeader>
            <CardContent className="space-y-6">
              <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-4">
                {Object.entries(evaluationResults).map(([key, result]) => (
                  <div key={key} className="space-y-3">
                    <div className="flex items-center justify-between">
                      <span className="text-sm font-medium text-foreground">{result.label}</span>
                      <Badge
                        variant={
                          result.status === "excellent" ? "default" : result.status === "good" ? "secondary" : "outline"
                        }
                      >
                        {result.score}分
                      </Badge>
                    </div>
                    <Progress value={result.score} className="h-2" />
                    <div className="flex items-center gap-1 text-xs text-muted-foreground">
                      {result.status === "excellent" && (
                        <>
                          <CheckCircle2 className="h-3 w-3 text-green-600" />
                          <span>优秀</span>
                        </>
                      )}
                      {result.status === "good" && (
                        <>
                          <CheckCircle2 className="h-3 w-3 text-blue-600" />
                          <span>良好</span>
                        </>
                      )}
                      {result.status === "medium" && (
                        <>
                          <AlertCircle className="h-3 w-3 text-orange-600" />
                          <span>中等</span>
                        </>
                      )}
                    </div>
                  </div>
                ))}
              </div>

<div className="rounded-lg border border-border bg-card p-6">
                <h4 className="mb-3 font-medium text-foreground">综合评估意见</h4>
                <div className="space-y-2 text-sm text-muted-foreground">
                  <p>
                    该技术方案在新颖性和实用性方面表现优秀，具有较好的专利申请前景。创造性评分良好，建议进一步突出技术方案的创新点。
                  </p>
                  <p>市场价值评估显示该技术具有一定的商业化潜力，建议在申请专利的同时考虑后续的成果转化工作。</p>
                </div>
              </div>
            </CardContent>
          </Card>

<Card>
            <CardHeader>
              <CardTitle>相似专利检索</CardTitle>
              <CardDescription>系统检索到的相似专利文献</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="space-y-4">
                {similarPatents.map((patent) => (
                  <div key={patent.id} className="flex items-start justify-between rounded-lg border border-border p-4">
                    <div className="flex-1">
                      <div className="flex items-center gap-3">
                        <span className="font-medium text-foreground">{patent.title}</span>
                        <Badge variant="outline">{patent.id}</Badge>
                      </div>
                      <div className="mt-2 flex items-center gap-4 text-sm text-muted-foreground">
                        <span>相似度: {patent.similarity}%</span>
                        <span>•</span>
                        <span>{patent.status}</span>
                        <span>•</span>
                        <span>{patent.date}</span>
                      </div>
                    </div>
                    <Button variant="outline" size="sm">
                      查看详情
                    </Button>
                  </div>
                ))}
              </div>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/patent/maintenance/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { PageHeader } from "@/components/page-header"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Search, Mail, AlertTriangle, CheckCircle, Clock, FileText } from "lucide-react"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Alert, AlertDescription } from "@/components/ui/alert"

export default function PatentMaintenancePage() {
  const [searchQuery, setSearchQuery] = useState("")
  const [selectedPatent, setSelectedPatent] = useState<any>(null)
  const [showDetailDialog, setShowDetailDialog] = useState(false)
  const [showNotifyDialog, setShowNotifyDialog] = useState(false)

// 模拟保活专利数据
  const maintenancePatents = [
    {
      id: "P001",
      name: "一种基于人工智能的图像识别系统",
      patentNo: "CN202310123456.7",
      status: "保活中",
      commercializationStatus: "许可进行中",
      startDate: "2024-03-15",
      expectedEndDate: "2026-03-15",
      agency: "北京知信专利代理事务所",
      feeStatus: "正常",
      nextPaymentDate: "2025-04-15",
      nextPaymentAmount: "1200",
      inventors: ["张伟", "李娜"],
      notifyStatus: "已通知",
      notifyDate: "2024-03-10",
      lastFeeDate: "2024-04-15",
    },
    {
      id: "P002",
      name: "一种新型环保材料制备方法",
      patentNo: "CN202310234567.8",
      status: "保活中",
      commercializationStatus: "产权变更中",
      startDate: "2024-05-20",
      expectedEndDate: "2025-12-31",
      agency: "上海华诚知识产权代理有限公司",
      feeStatus: "异常",
      nextPaymentDate: "2025-06-20",
      nextPaymentAmount: "1500",
      inventors: ["王强", "赵敏", "刘洋"],
      notifyStatus: "待通知",
      notifyDate: null,
      lastFeeDate: "2024-06-20",
      alertMessage: "缴费状态异常，请及时处理",
    },
    {
      id: "P003",
      name: "智能家居控制系统及其控制方法",
      patentNo: "CN202310345678.9",
      status: "保活中",
      commercializationStatus: "许可进行中",
      startDate: "2024-01-10",
      expectedEndDate: "2027-01-10",
      agency: "深圳创新专利代理有限公司",
      feeStatus: "正常",
      nextPaymentDate: "2025-02-10",
      nextPaymentAmount: "1800",
      inventors: ["陈静", "杨军"],
      notifyStatus: "已通知",
      notifyDate: "2024-01-05",
      lastFeeDate: "2024-02-10",
    },
  ]

const stats = [
    { title: "保活专利总数", value: "24", icon: FileText, color: "text-blue-600" },
    { title: "许可进行中", value: "15", icon: CheckCircle, color: "text-green-600" },
    { title: "产权变更中", value: "9", icon: Clock, color: "text-amber-600" },
    { title: "缴费异常", value: "3", icon: AlertTriangle, color: "text-red-600" },
  ]

const handleViewDetail = (patent: any) => {
    setSelectedPatent(patent)
    setShowDetailDialog(true)
  }

const handleNotifyAgency = (patent: any) => {
    setSelectedPatent(patent)
    setShowNotifyDialog(true)
  }

const handleSendNotification = () => {
    console.log("[v0] Sending notification to agency for patent:", selectedPatent?.patentNo)
    setShowNotifyDialog(false)
  }

const handleEndMaintenance = (patentId: string) => {
    console.log("[v0] Ending maintenance for patent:", patentId)
  }

const filteredPatents = maintenancePatents.filter(
    (patent) =>
      patent.name.includes(searchQuery) || patent.patentNo.includes(searchQuery) || patent.agency.includes(searchQuery),
  )

return (
    <div className="flex-1 space-y-6 p-8">
      <PageHeader title="专利保活管理" description="管理进入转化流程的保活专利，监控缴费状态并自动通知代理机构" />

<div className="grid gap-4 md:grid-cols-4">
        {stats.map((stat) => {
          const Icon = stat.icon
          return (
            <Card key={stat.title}>
              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
                <CardTitle className="text-sm font-medium">{stat.title}</CardTitle>
                <Icon className={`h-4 w-4 ${stat.color}`} />
              </CardHeader>
              <CardContent>
                <div className={`text-2xl font-bold ${stat.color}`}>{stat.value}</div>
              </CardContent>
            </Card>
          )
        })}
      </div>

<Tabs defaultValue="active" className="space-y-4">
        <TabsList>
          <TabsTrigger value="active">保活中专利</TabsTrigger>
          <TabsTrigger value="alert">缴费异常专利</TabsTrigger>
          <TabsTrigger value="history">保活历史</TabsTrigger>
        </TabsList>

<TabsContent value="active" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>保活专利列表</CardTitle>
              <CardDescription>展示所有处于保活状态的专利及其转化情况</CardDescription>
              <div className="flex items-center gap-4 pt-4">
                <div className="relative flex-1">
                  <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
                  <Input
                    placeholder="搜索专利名称、专利号或代理机构..."
                    value={searchQuery}
                    onChange={(e) => setSearchQuery(e.target.value)}
                    className="pl-9"
                  />
                </div>
              </div>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>专利名称</TableHead>
                    <TableHead>专利号</TableHead>
                    <TableHead>转化状态</TableHead>
                    <TableHead>代理机构</TableHead>
                    <TableHead>缴费状态</TableHead>
                    <TableHead>下次缴费日期</TableHead>
                    <TableHead>通知状态</TableHead>
                    <TableHead>操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {filteredPatents.map((patent) => (
                    <TableRow key={patent.id}>
                      <TableCell className="font-medium">
                        <button onClick={() => handleViewDetail(patent)} className="text-blue-600 hover:underline">
                          {patent.name}
                        </button>
                      </TableCell>
                      <TableCell>{patent.patentNo}</TableCell>
                      <TableCell>
                        <Badge variant="outline">{patent.commercializationStatus}</Badge>
                      </TableCell>
                      <TableCell>{patent.agency}</TableCell>
                      <TableCell>
                        {patent.feeStatus === "正常" ? (
                          <Badge className="bg-green-100 text-green-800">正常</Badge>
                        ) : (
                          <Badge className="bg-red-100 text-red-800">异常</Badge>
                        )}
                      </TableCell>
                      <TableCell>{patent.nextPaymentDate}</TableCell>
                      <TableCell>
                        {patent.notifyStatus === "已通知" ? (
                          <Badge className="bg-blue-100 text-blue-800">已通知</Badge>
                        ) : (
                          <Badge variant="outline">待通知</Badge>
                        )}
                      </TableCell>
                      <TableCell>
                        <div className="flex gap-2">
                          <Button size="sm" variant="outline" onClick={() => handleNotifyAgency(patent)}>
                            <Mail className="mr-1 h-3 w-3" />
                            通知
                          </Button>
                          <Button size="sm" variant="outline" onClick={() => handleEndMaintenance(patent.id)}>
                            结束保活
                          </Button>
                        </div>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>

<TabsContent value="alert" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>缴费异常专利</CardTitle>
              <CardDescription>需要及时处理的缴费异常专利列表</CardDescription>
            </CardHeader>
            <CardContent className="space-y-4">
              {filteredPatents
                .filter((p) => p.feeStatus === "异常")
                .map((patent) => (
                  <Alert key={patent.id} variant="destructive">
                    <AlertTriangle className="h-4 w-4" />
                    <AlertDescription className="ml-2">
                      <div className="space-y-2">
                        <div className="font-semibold">{patent.name}</div>
                        <div className="text-sm">
                          专利号：{patent.patentNo} | 代理机构：{patent.agency}
                        </div>
                        <div className="text-sm">{patent.alertMessage}</div>
                        <div className="flex gap-2 mt-2">
                          <Button size="sm" variant="outline">
                            提醒发明人
                          </Button>
                          <Button size="sm" variant="outline">
                            提醒知产专员
                          </Button>
                          <Button size="sm" variant="outline">
                            查看详情
                          </Button>
                        </div>
                      </div>
                    </AlertDescription>
                  </Alert>
                ))}
            </CardContent>
          </Card>
        </TabsContent>

<TabsContent value="history" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>保活历史记录</CardTitle>
              <CardDescription>已结束保活的专利历史记录</CardDescription>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>专利名称</TableHead>
                    <TableHead>专利号</TableHead>
                    <TableHead>保活开始时间</TableHead>
                    <TableHead>保活结束时间</TableHead>
                    <TableHead>结束原因</TableHead>
                    <TableHead>总缴费金额</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  <TableRow>
                    <TableCell>一种高效太阳能电池板</TableCell>
                    <TableCell>CN202210123456.7</TableCell>
                    <TableCell>2023-01-15</TableCell>
                    <TableCell>2024-12-31</TableCell>
                    <TableCell>许可结束</TableCell>
                    <TableCell>¥3,600</TableCell>
                  </TableRow>
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>
      </Tabs>

{/* 专利详情对话框 */}
      <Dialog open={showDetailDialog} onOpenChange={setShowDetailDialog}>
        <DialogContent className="max-w-3xl">
          <DialogHeader>
            <DialogTitle>专利保活详情</DialogTitle>
            <DialogDescription>查看专利保活状态和转化信息</DialogDescription>
          </DialogHeader>
          {selectedPatent && (
            <div className="space-y-4">
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <Label className="text-sm text-muted-foreground">专利名称</Label>
                  <div className="font-medium">{selectedPatent.name}</div>
                </div>
                <div>
                  <Label className="text-sm text-muted-foreground">专利号</Label>
                  <div className="font-medium">{selectedPatent.patentNo}</div>
                </div>
                <div>
                  <Label className="text-sm text-muted-foreground">保活状态</Label>
                  <Badge>{selectedPatent.status}</Badge>
                </div>
                <div>
                  <Label className="text-sm text-muted-foreground">转化状态</Label>
                  <Badge variant="outline">{selectedPatent.commercializationStatus}</Badge>
                </div>
                <div>
                  <Label className="text-sm text-muted-foreground">保活开始时间</Label>
                  <div>{selectedPatent.startDate}</div>
                </div>
                <div>
                  <Label className="text-sm text-muted-foreground">预计结束时间</Label>
                  <div>{selectedPatent.expectedEndDate}</div>
                </div>
                <div>
                  <Label className="text-sm text-muted-foreground">代理机构</Label>
                  <div>{selectedPatent.agency}</div>
                </div>
                <div>
                  <Label className="text-sm text-muted-foreground">发明人</Label>
                  <div>{selectedPatent.inventors.join("、")}</div>
                </div>
              </div>

<div className="border-t pt-4">
                <h4 className="font-semibold mb-3">缴费信息</h4>
                <div className="grid grid-cols-2 gap-4">
                  <div>
                    <Label className="text-sm text-muted-foreground">缴费状态</Label>
                    <div>
                      {selectedPatent.feeStatus === "正常" ? (
                        <Badge className="bg-green-100 text-green-800">正常</Badge>
                      ) : (
                        <Badge className="bg-red-100 text-red-800">异常</Badge>
                      )}
                    </div>
                  </div>
                  <div>
                    <Label className="text-sm text-muted-foreground">上次缴费日期</Label>
                    <div>{selectedPatent.lastFeeDate}</div>
                  </div>
                  <div>
                    <Label className="text-sm text-muted-foreground">下次缴费日期</Label>
                    <div>{selectedPatent.nextPaymentDate}</div>
                  </div>
                  <div>
                    <Label className="text-sm text-muted-foreground">下次缴费金额</Label>
                    <div>¥{selectedPatent.nextPaymentAmount}</div>
                  </div>
                </div>
              </div>

<div className="border-t pt-4">
                <h4 className="font-semibold mb-3">通知记录</h4>
                <div className="grid grid-cols-2 gap-4">
                  <div>
                    <Label className="text-sm text-muted-foreground">通知状态</Label>
                    <Badge>{selectedPatent.notifyStatus}</Badge>
                  </div>
                  <div>
                    <Label className="text-sm text-muted-foreground">通知日期</Label>
                    <div>{selectedPatent.notifyDate || "暂无"}</div>
                  </div>
                </div>
              </div>
            </div>
          )}
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowDetailDialog(false)}>
              关闭
            </Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>

{/* 通知代理机构对话框 */}
      <Dialog open={showNotifyDialog} onOpenChange={setShowNotifyDialog}>
        <DialogContent>
          <DialogHeader>
            <DialogTitle>通知代理机构</DialogTitle>
            <DialogDescription>向代理机构发送保活通知或结束保活通知</DialogDescription>
          </DialogHeader>
          {selectedPatent && (
            <div className="space-y-4">
              <div>
                <Label>通知类型</Label>
                <Select defaultValue="start">
                  <SelectTrigger>
                    <SelectValue />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="start">进入保活状态通知</SelectItem>
                    <SelectItem value="end">结束保活通知</SelectItem>
                    <SelectItem value="alert">缴费异常提醒</SelectItem>
                  </SelectContent>
                </Select>
              </div>
              <div>
                <Label>专利信息</Label>
                <div className="rounded-lg border p-3 text-sm">
                  <div>专利名称：{selectedPatent.name}</div>
                  <div>专利号：{selectedPatent.patentNo}</div>
                  <div>代理机构：{selectedPatent.agency}</div>
                </div>
              </div>
              <div>
                <Label>通知内容</Label>
                <Textarea
                  placeholder="输入通知内容..."
                  rows={4}
                  defaultValue={`尊敬的代理机构：

专利"${selectedPatent.name}"（专利号：${selectedPatent.patentNo}）已进入保活状态，请及时关注缴费情况。

转化状态：${selectedPatent.commercializationStatus}
预计结束时间：${selectedPatent.expectedEndDate}

请保持专利有效性，如有任何问题请及时联系。`}
                />
              </div>
            </div>
          )}
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowNotifyDialog(false)}>
              取消
            </Button>
            <Button onClick={handleSendNotification}>
              <Mail className="mr-2 h-4 w-4" />
              发送通知
            </Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/patent/maintenance/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/patent/abandon/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { PageHeader } from "@/components/page-header"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Search, FileX, Users, CheckCircle, AlertCircle } from "lucide-react"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
import { Checkbox } from "@/components/ui/checkbox"

export default function PatentAbandonPage() {
  const [searchQuery, setSearchQuery] = useState("")
  const [showAbandonDialog, setShowAbandonDialog] = useState(false)
  const [showPublicityDialog, setShowPublicityDialog] = useState(false)
  const [selectedPatent, setSelectedPatent] = useState<any>(null)

// 模拟专利放弃数据
  const abandonPatents = [
    {
      id: "P001",
      name: "一种过时的机械传动装置",
      patentNo: "CN201910123456.7",
      status: "待发明人确认",
      applicant: "张伟",
      inventors: ["张伟", "李娜"],
      department: "机械工程学院",
      abandonType: "主动放弃",
      applyDate: "2024-11-20",
      reason: "技术已过时，无市场价值",
      nextPaymentDate: null,
    },
    {
      id: "P002",
      name: "一种老旧的通信方法",
      patentNo: "CN201910234567.8",
      status: "院系审核中",
      applicant: "王强",
      inventors: ["王强", "赵敏"],
      department: "电子信息学院",
      abandonType: "主动放弃",
      applyDate: "2024-11-15",
      reason: "维护成本高，转化困难",
      nextPaymentDate: null,
      inventorConfirmDate: "2024-11-18",
    },
    {
      id: "P003",
      name: "一种传统制造工艺",
      patentNo: "CN201910345678.9",
      status: "公开征集受让方",
      applicant: "陈静",
      inventors: ["陈静", "杨军", "刘洋"],
      department: "材料科学学院",
      abandonType: "年费确认放弃",
      applyDate: "2024-10-30",
      reason: "年费缴纳压力大，确认放弃",
      nextPaymentDate: "2024-12-15",
      inventorConfirmDate: "2024-11-02",
      deptApprovalDate: "2024-11-10",
      publicityStartDate: "2024-11-15",
      publicityEndDate: "2024-12-15",
      interestedParties: 2,
    },
    {
      id: "P004",
      name: "一种废弃的电路设计",
      patentNo: "CN201910456789.0",
      status: "放弃公示中",
      applicant: "林芳",
      inventors: ["林芳"],
      department: "电气工程学院",
      abandonType: "主动放弃",
      applyDate: "2024-10-20",
      reason: "项目终止，专利无实际用途",
      nextPaymentDate: null,
      inventorConfirmDate: "2024-10-22",
      deptApprovalDate: "2024-10-28",
      publicityStartDate: "2024-11-20",
      publicityEndDate: "2024-12-20",
      interestedParties: 0,
    },
  ]

const stats = [
    { title: "放弃申请总数", value: "16", icon: FileX, color: "text-red-600" },
    { title: "待审核", value: "5", icon: AlertCircle, color: "text-amber-600" },
    { title: "公示中", value: "4", icon: Users, color: "text-blue-600" },
    { title: "已完成放弃", value: "7", icon: CheckCircle, color: "text-gray-600" },
  ]

const handleInitiateAbandon = () => {
    setShowAbandonDialog(true)
  }

const handleViewPublicity = (patent: any) => {
    setSelectedPatent(patent)
    setShowPublicityDialog(true)
  }

const filteredPatents = abandonPatents.filter(
    (patent) =>
      patent.name.includes(searchQuery) ||
      patent.patentNo.includes(searchQuery) ||
      patent.applicant.includes(searchQuery),
  )

return (
    <div className="flex-1 space-y-6 p-8">
      <PageHeader title="专利放弃管理" description="管理专利负责人主动放弃专利的申请流程" />

<Tabs defaultValue="pending" className="space-y-4">
        <div className="flex items-center justify-between">
          <TabsList>
            <TabsTrigger value="pending">待处理</TabsTrigger>
            <TabsTrigger value="publicity">公示中</TabsTrigger>
            <TabsTrigger value="completed">已完成</TabsTrigger>
          </TabsList>
          <Button onClick={handleInitiateAbandon}>
            <FileX className="mr-2 h-4 w-4" />
            发起专利放弃
          </Button>
        </div>

<TabsContent value="pending" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>待处理专利放弃申请</CardTitle>
              <CardDescription>需要发明人确认或院系审核的专利放弃申请</CardDescription>
              <div className="flex items-center gap-4 pt-4">
                <div className="relative flex-1">
                  <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
                  <Input
                    placeholder="搜索专利名称、专利号或申请人..."
                    value={searchQuery}
                    onChange={(e) => setSearchQuery(e.target.value)}
                    className="pl-9"
                  />
                </div>
              </div>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>专利名称</TableHead>
                    <TableHead>专利号</TableHead>
                    <TableHead>申请人</TableHead>
                    <TableHead>院系</TableHead>
                    <TableHead>放弃类型</TableHead>
                    <TableHead>当前状态</TableHead>
                    <TableHead>申请日期</TableHead>
                    <TableHead>操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {filteredPatents
                    .filter((p) => p.status.includes("确认") || p.status.includes("审核"))
                    .map((patent) => (
                      <TableRow key={patent.id}>
                        <TableCell className="font-medium">{patent.name}</TableCell>
                        <TableCell>{patent.patentNo}</TableCell>
                        <TableCell>{patent.applicant}</TableCell>
                        <TableCell>{patent.department}</TableCell>
                        <TableCell>
                          <Badge variant="outline">{patent.abandonType}</Badge>
                        </TableCell>
                        <TableCell>
                          <Badge className="bg-amber-100 text-amber-800">{patent.status}</Badge>
                        </TableCell>
                        <TableCell>{patent.applyDate}</TableCell>
                        <TableCell>
                          <Button size="sm" variant="outline">
                            查看详情
                          </Button>
                        </TableCell>
                      </TableRow>
                    ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>

<TabsContent value="publicity" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>公示中的专利</CardTitle>
              <CardDescription>公开征集受让方或放弃公示中的专利</CardDescription>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>专利名称</TableHead>
                    <TableHead>专利号</TableHead>
                    <TableHead>公示类型</TableHead>
                    <TableHead>公示开始日期</TableHead>
                    <TableHead>公示结束日期</TableHead>
                    <TableHead>意向方数量</TableHead>
                    <TableHead>操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {filteredPatents
                    .filter((p) => p.status.includes("公示") || p.status.includes("征集"))
                    .map((patent) => (
                      <TableRow key={patent.id}>
                        <TableCell className="font-medium">{patent.name}</TableCell>
                        <TableCell>{patent.patentNo}</TableCell>
                        <TableCell>
                          <Badge className="bg-blue-100 text-blue-800">{patent.status}</Badge>
                        </TableCell>
                        <TableCell>{patent.publicityStartDate}</TableCell>
                        <TableCell>{patent.publicityEndDate}</TableCell>
                        <TableCell>
                          <div className="flex items-center gap-2">
                            <Users className="h-4 w-4 text-muted-foreground" />
                            {patent.interestedParties || 0}
                          </div>
                        </TableCell>
                        <TableCell>
                          <Button size="sm" variant="outline" onClick={() => handleViewPublicity(patent)}>
                            查看公示
                          </Button>
                        </TableCell>
                      </TableRow>
                    ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>

<TabsContent value="completed" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>已完成的专利放弃</CardTitle>
              <CardDescription>已经完成放弃流程的专利记录</CardDescription>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>专利名称</TableHead>
                    <TableHead>专利号</TableHead>
                    <TableHead>原负责人</TableHead>
                    <TableHead>放弃日期</TableHead>
                    <TableHead>放弃类型</TableHead>
                    <TableHead>是否有受让方</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  <TableRow>
                    <TableCell>一种早期的软件算法</TableCell>
                    <TableCell>CN201810123456.7</TableCell>
                    <TableCell>周杰</TableCell>
                    <TableCell>2024-10-15</TableCell>
                    <TableCell>主动放弃</TableCell>
                    <TableCell>
                      <Badge variant="outline">无</Badge>
                    </TableCell>
                  </TableRow>
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>
      </Tabs>

{/* 发起专利放弃对话框 */}
      <Dialog open={showAbandonDialog} onOpenChange={setShowAbandonDialog}>
        <DialogContent className="max-w-2xl">
          <DialogHeader>
            <DialogTitle>发起专利放弃申请</DialogTitle>
            <DialogDescription>填写专利放弃申请信息</DialogDescription>
          </DialogHeader>
          <div className="space-y-4">
            <Alert>
              <AlertCircle className="h-4 w-4" />
              <AlertTitle>重要提示</AlertTitle>
              <AlertDescription>
                专利放弃申请需要经过发明人确认、院系审核、公开征集受让方和放弃公示等环节，请谨慎操作。
              </AlertDescription>
            </Alert>

<div>
              <Label>放弃类型</Label>
              <div className="space-y-2 pt-2">
                <div className="flex items-center space-x-2">
                  <Checkbox id="active" />
                  <label htmlFor="active" className="text-sm">
                    主动放弃（独立发起放弃申请）
                  </label>
                </div>
                <div className="flex items-center space-x-2">
                  <Checkbox id="fee" />
                  <label htmlFor="fee" className="text-sm">
                    年费确认放弃（在年费缴纳环节确认放弃）
                  </label>
                </div>
              </div>
            </div>

<div>
              <Label>附件上传</Label>
              <div className="rounded-lg border-2 border-dashed p-8 text-center">
                <FileX className="mx-auto h-8 w-8 text-muted-foreground" />
                <p className="mt-2 text-sm text-muted-foreground">点击上传或拖拽文件到此处</p>
                <p className="text-xs text-muted-foreground">支持 PDF、Word、Excel 等格式</p>
              </div>
            </div>
          </div>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowAbandonDialog(false)}>
              取消
            </Button>
            <Button onClick={() => setShowAbandonDialog(false)}>提交申请</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>

{/* 公示详情对话框 */}
      <Dialog open={showPublicityDialog} onOpenChange={setShowPublicityDialog}>
        <DialogContent className="max-w-3xl">
          <DialogHeader>
            <DialogTitle>专利放弃公示详情</DialogTitle>
            <DialogDescription>查看公示信息和意向方情况</DialogDescription>
          </DialogHeader>
          {selectedPatent && (
            <div className="space-y-4">
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <Label className="text-sm text-muted-foreground">专利名称</Label>
                  <div className="font-medium">{selectedPatent.name}</div>
                </div>
                <div>
                  <Label className="text-sm text-muted-foreground">专利号</Label>
                  <div className="font-medium">{selectedPatent.patentNo}</div>
                </div>
                <div>
                  <Label className="text-sm text-muted-foreground">原负责人</Label>
                  <div>{selectedPatent.applicant}</div>
                </div>
                <div>
                  <Label className="text-sm text-muted-foreground">发明人</Label>
                  <div>{selectedPatent.inventors.join("、")}</div>
                </div>
                <div>
                  <Label className="text-sm text-muted-foreground">公示开始日期</Label>
                  <div>{selectedPatent.publicityStartDate}</div>
                </div>
                <div>
                  <Label className="text-sm text-muted-foreground">公示结束日期</Label>
                  <div>{selectedPatent.publicityEndDate}</div>
                </div>
              </div>

<div className="border-t pt-4">
                <h4 className="font-semibold mb-3 flex items-center gap-2">
                  <Users className="h-4 w-4" />
                  意向受让方（{selectedPatent.interestedParties || 0}）
                </h4>
                {selectedPatent.interestedParties > 0 ? (
                  <Table>
                    <TableHeader>
                      <TableRow>
                        <TableHead>单位名称</TableHead>
                        <TableHead>联系人</TableHead>
                        <TableHead>联系方式</TableHead>
                        <TableHead>意向时间</TableHead>
                        <TableHead>操作</TableHead>
                      </TableRow>
                    </TableHeader>
                    <TableBody>
                      <TableRow>
                        <TableCell>深圳创新科技有限公司</TableCell>
                        <TableCell>李明</TableCell>
                        <TableCell>13800138000</TableCell>
                        <TableCell>2024-11-18</TableCell>
                        <TableCell>
                          <Button size="sm" variant="outline">
                            查看详情
                          </Button>
                        </TableCell>
                      </TableRow>
                    </TableBody>
                  </Table>
                ) : (
                  <Alert>
                    <AlertDescription>暂无意向受让方</AlertDescription>
                  </Alert>
                )}
              </div>

<div className="border-t pt-4">
                <h4 className="font-semibold mb-3">放弃原因</h4>
                <div className="rounded-lg border p-3 text-sm">{selectedPatent.reason}</div>
              </div>
            </div>
          )}
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowPublicityDialog(false)}>
              关闭
            </Button>
            {selectedPatent?.interestedParties === 0 && <Button>确认放弃</Button>}
          </DialogFooter>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/patent/abandon/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/standards/apply/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { PageHeader } from "@/components/page-header"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Search, FileText, Plus, Building, Globe, MapPin } from "lucide-react"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"

export default function StandardsApplicationPage() {
  const [searchQuery, setSearchQuery] = useState("")
  const [showApplyDialog, setShowApplyDialog] = useState(false)
  const [selectedType, setSelectedType] = useState("")

// 模拟标准申请数据
  const standards = [
    {
      id: "S001",
      name: "智能制造系统集成规范",
      standardNo: "GB/T 40000-2024",
      type: "国家标准",
      status: "申请中",
      applicant: "张教授",
      department: "机械工程学院",
      applyDate: "2024-10-15",
      standardLevel: "GB/T",
      standardType: "推荐性",
      technicalCommittee: "全国工业自动化系统与集成标准化技术委员会",
    },
    {
      id: "S002",
      name: "电子信息产品环保使用期限通则",
      standardNo: "SJ/T 11720-2024",
      type: "行业标准",
      status: "院系审核中",
      applicant: "李教授",
      department: "电子信息学院",
      applyDate: "2024-11-01",
      standardLevel: "SJ/T",
      standardType: "推荐性",
      technicalCommittee: "全国电子产品污染控制标准化技术委员会",
    },
    {
      id: "S003",
      name: "智慧城市建设技术规范",
      standardNo: "DB44/T 2345-2024",
      type: "地方标准",
      status: "知产专员审核",
      applicant: "王教授",
      department: "计算机学院",
      applyDate: "2024-11-10",
      standardLevel: "DB44/T",
      standardType: "推荐性",
      technicalCommittee: "广东省信息技术标准化技术委员会",
    },
  ]

const stats = [
    { title: "标准申请总数", value: "28", icon: FileText, color: "text-blue-600" },
    { title: "国家标准", value: "12", icon: Globe, color: "text-red-600" },
    { title: "行业标准", value: "10", icon: Building, color: "text-green-600" },
    { title: "地方标准", value: "6", icon: MapPin, color: "text-amber-600" },
  ]

const handleApply = (type: string) => {
    setSelectedType(type)
    setShowApplyDialog(true)
  }

const filteredStandards = standards.filter(
    (std) =>
      std.name.includes(searchQuery) || std.standardNo.includes(searchQuery) || std.applicant.includes(searchQuery),
  )

return (
    <div className="flex-1 space-y-6 p-8">
      <PageHeader title="标准申请管理" description="管理国家标准、行业标准和地方标准的申请流程" />

<div className="grid gap-4 md:grid-cols-3">
        <Card className="cursor-pointer transition-all hover:shadow-lg" onClick={() => handleApply("国家标准")}>
          <CardHeader>
            <Globe className="h-8 w-8 text-red-600 mb-2" />
            <CardTitle>国家标准申请</CardTitle>
            <CardDescription>申请 GB（强制性）或 GB/T（推荐性）国家标准</CardDescription>
          </CardHeader>
          <CardContent>
            <Button className="w-full">
              <Plus className="mr-2 h-4 w-4" />
              发起申请
            </Button>
          </CardContent>
        </Card>

<Card className="cursor-pointer transition-all hover:shadow-lg" onClick={() => handleApply("行业标准")}>
          <CardHeader>
            <Building className="h-8 w-8 text-green-600 mb-2" />
            <CardTitle>行业标准申请</CardTitle>
            <CardDescription>申请各行业部门制定的标准（如 SJ/T、JB/T 等）</CardDescription>
          </CardHeader>
          <CardContent>
            <Button className="w-full">
              <Plus className="mr-2 h-4 w-4" />
              发起申请
            </Button>
          </CardContent>
        </Card>

<Card className="cursor-pointer transition-all hover:shadow-lg" onClick={() => handleApply("地方标准")}>
          <CardHeader>
            <MapPin className="h-8 w-8 text-amber-600 mb-2" />
            <CardTitle>地方标准申请</CardTitle>
            <CardDescription>申请省、自治区、直辖市制定的地方标准</CardDescription>
          </CardHeader>
          <CardContent>
            <Button className="w-full">
              <Plus className="mr-2 h-4 w-4" />
              发起申请
            </Button>
          </CardContent>
        </Card>
      </div>

<TabsContent value="all" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>标准申请列表</CardTitle>
              <CardDescription>所有标准申请记录</CardDescription>
              <div className="flex items-center gap-4 pt-4">
                <div className="relative flex-1">
                  <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
                  <Input
                    placeholder="搜索标准名称、标准号或申请人..."
                    value={searchQuery}
                    onChange={(e) => setSearchQuery(e.target.value)}
                    className="pl-9"
                  />
                </div>
              </div>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>标准名称</TableHead>
                    <TableHead>标准号</TableHead>
                    <TableHead>标准类型</TableHead>
                    <TableHead>申请人</TableHead>
                    <TableHead>院系</TableHead>
                    <TableHead>状态</TableHead>
                    <TableHead>申请日期</TableHead>
                    <TableHead>操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {filteredStandards.map((standard) => (
                    <TableRow key={standard.id}>
                      <TableCell className="font-medium">{standard.name}</TableCell>
                      <TableCell>{standard.standardNo}</TableCell>
                      <TableCell>
                        <Badge
                          variant="outline"
                          className={
                            standard.type === "国家标准"
                              ? "border-red-600 text-red-600"
                              : standard.type === "行业标准"
                                ? "border-green-600 text-green-600"
                                : "border-amber-600 text-amber-600"
                          }
                        >
                          {standard.type}
                        </Badge>
                      </TableCell>
                      <TableCell>{standard.applicant}</TableCell>
                      <TableCell>{standard.department}</TableCell>
                      <TableCell>
                        <Badge className="bg-blue-100 text-blue-800">{standard.status}</Badge>
                      </TableCell>
                      <TableCell>{standard.applyDate}</TableCell>
                      <TableCell>
                        <Button size="sm" variant="outline">
                          查看详情
                        </Button>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>

<TabsContent value="national" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>国家标准申请</CardTitle>
              <CardDescription>GB（强制性）和 GB/T（推荐性）国家标准申请记录</CardDescription>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>标准名称</TableHead>
                    <TableHead>标准号</TableHead>
                    <TableHead>标准级别</TableHead>
                    <TableHead>技术委员会</TableHead>
                    <TableHead>状态</TableHead>
                    <TableHead>操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {filteredStandards
                    .filter((s) => s.type === "国家标准")
                    .map((standard) => (
                      <TableRow key={standard.id}>
                        <TableCell className="font-medium">{standard.name}</TableCell>
                        <TableCell>{standard.standardNo}</TableCell>
                        <TableCell>
                          <Badge>{standard.standardLevel}</Badge>
                        </TableCell>
                        <TableCell>{standard.technicalCommittee}</TableCell>
                        <TableCell>
                          <Badge className="bg-blue-100 text-blue-800">{standard.status}</Badge>
                        </TableCell>
                        <TableCell>
                          <Button size="sm" variant="outline">
                            查看
                          </Button>
                        </TableCell>
                      </TableRow>
                    ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>

<TabsContent value="industry" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>行业标准申请</CardTitle>
              <CardDescription>各行业部门制定的标准申请记录</CardDescription>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>标准名称</TableHead>
                    <TableHead>标准号</TableHead>
                    <TableHead>标准级别</TableHead>
                    <TableHead>技术委员会</TableHead>
                    <TableHead>状态</TableHead>
                    <TableHead>操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {filteredStandards
                    .filter((s) => s.type === "行业标准")
                    .map((standard) => (
                      <TableRow key={standard.id}>
                        <TableCell className="font-medium">{standard.name}</TableCell>
                        <TableCell>{standard.standardNo}</TableCell>
                        <TableCell>
                          <Badge>{standard.standardLevel}</Badge>
                        </TableCell>
                        <TableCell>{standard.technicalCommittee}</TableCell>
                        <TableCell>
                          <Badge className="bg-blue-100 text-blue-800">{standard.status}</Badge>
                        </TableCell>
                        <TableCell>
                          <Button size="sm" variant="outline">
                            查看
                          </Button>
                        </TableCell>
                      </TableRow>
                    ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>

<TabsContent value="local" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>地方标准申请</CardTitle>
              <CardDescription>省、自治区、直辖市制定的地方标准申请记录</CardDescription>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>标准名称</TableHead>
                    <TableHead>标准号</TableHead>
                    <TableHead>标准级别</TableHead>
                    <TableHead>技术委员会</TableHead>
                    <TableHead>状态</TableHead>
                    <TableHead>操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {filteredStandards
                    .filter((s) => s.type === "地方标准")
                    .map((standard) => (
                      <TableRow key={standard.id}>
                        <TableCell className="font-medium">{standard.name}</TableCell>
                        <TableCell>{standard.standardNo}</TableCell>
                        <TableCell>
                          <Badge>{standard.standardLevel}</Badge>
                        </TableCell>
                        <TableCell>{standard.technicalCommittee}</TableCell>
                        <TableCell>
                          <Badge className="bg-blue-100 text-blue-800">{standard.status}</Badge>
                        </TableCell>
                        <TableCell>
                          <Button size="sm" variant="outline">
                            查看
                          </Button>
                        </TableCell>
                      </TableRow>
                    ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>
      </Tabs>

{/* 标准申请对话框 */}
      <Dialog open={showApplyDialog} onOpenChange={setShowApplyDialog}>
        <DialogContent className="max-w-3xl">
          <DialogHeader>
            <DialogTitle>{selectedType}申请</DialogTitle>
            <DialogDescription>填写标准申请信息</DialogDescription>
          </DialogHeader>
          <div className="space-y-4 max-h-[600px] overflow-y-auto">
            <div>
              <Label>标准类型</Label>
              <Select defaultValue={selectedType}>
                <SelectTrigger>
                  <SelectValue />
                </SelectTrigger>
                <SelectContent>
                  <SelectItem value="国家标准">国家标准 (GB/GB/T)</SelectItem>
                  <SelectItem value="行业标准">行业标准 (SJ/T、JB/T等)</SelectItem>
                  <SelectItem value="地方标准">地方标准 (DB)</SelectItem>
                </SelectContent>
              </Select>
            </div>

<div className="grid grid-cols-2 gap-4">
              <div>
                <Label>标准级别 *</Label>
                <Select>
                  <SelectTrigger>
                    <SelectValue placeholder="选择标准级别" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="GB">GB（强制性国家标准）</SelectItem>
                    <SelectItem value="GB/T">GB/T（推荐性国家标准）</SelectItem>
                    <SelectItem value="SJ/T">SJ/T（电子行业标准）</SelectItem>
                    <SelectItem value="JB/T">JB/T（机械行业标准）</SelectItem>
                    <SelectItem value="DB">DB（地方标准）</SelectItem>
                  </SelectContent>
                </Select>
              </div>
              <div>
                <Label>拟定标准号</Label>
                <Input placeholder="例如：GB/T 40000-2024" />
              </div>
            </div>

<div>
              <Label>技术委员会 *</Label>
              <Input placeholder="请输入技术委员会全称" />
            </div>

<div>
              <Label>主要起草人 *</Label>
              <Input placeholder="请输入主要起草人姓名，多人用逗号分隔" />
            </div>

<div>
              <Label>标准适用范围 *</Label>
              <Textarea placeholder="请描述标准的适用范围..." rows={3} />
            </div>

<div>
              <Label>主要技术内容 *</Label>
              <Textarea placeholder="请描述标准的主要技术内容..." rows={4} />
            </div>

<div>
              <Label>与现行标准的关系</Label>
              <Textarea placeholder="说明与现行相关标准的关系，如修订、替代等..." rows={3} />
            </div>

<div>
              <Label>技术水平说明</Label>
              <Textarea placeholder="说明技术水平，如国际先进、国内领先等..." rows={3} />
            </div>

<div>
              <Label>附件上传</Label>
              <div className="rounded-lg border-2 border-dashed p-8 text-center">
                <FileText className="mx-auto h-8 w-8 text-muted-foreground" />
                <p className="mt-2 text-sm text-muted-foreground">点击上传或拖拽文件到此处</p>
                <p className="text-xs text-muted-foreground">请上传标准草案、编制说明等文件</p>
              </div>
            </div>
          </div>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowApplyDialog(false)}>
              取消
            </Button>
            <Button onClick={() => setShowApplyDialog(false)}>提交申请</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/standards/apply/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/layout-design/apply/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { PageHeader } from "@/components/page-header"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Search, Cpu, Plus, FileText, CheckCircle, Clock } from "lucide-react"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"

export default function LayoutDesignPage() {
  const [searchQuery, setSearchQuery] = useState("")
  const [showApplyDialog, setShowApplyDialog] = useState(false)

// 模拟布图设计数据
  const layoutDesigns = [
    {
      id: "L001",
      name: "高性能微处理器芯片布图",
      registrationNo: "BS.245000123",
      status: "申请中",
      applicant: "陈教授",
      designers: ["陈教授", "王研究员", "李博士"],
      department: "微电子学院",
      applyDate: "2024-11-15",
      chipType: "微处理器",
      processNode: "7nm",
      designDate: "2024-08-20",
    },
    {
      id: "L002",
      name: "智能传感器集成电路布图",
      registrationNo: "BS.245000124",
      status: "院系审核",
      applicant: "张教授",
      designers: ["张教授", "刘工程师"],
      department: "电子工程学院",
      applyDate: "2024-11-10",
      chipType: "传感器",
      processNode: "28nm",
      designDate: "2024-09-15",
    },
    {
      id: "L003",
      name: "射频通信芯片布图设计",
      registrationNo: "BS.245000125",
      status: "知产专员审核",
      applicant: "李教授",
      designers: ["李教授", "赵工程师", "孙博士"],
      department: "通信工程学院",
      applyDate: "2024-11-05",
      chipType: "射频芯片",
      processNode: "14nm",
      designDate: "2024-10-01",
    },
  ]

const stats = [
    { title: "布图设计总数", value: "18", icon: Cpu, color: "text-blue-600" },
    { title: "审核中", value: "6", icon: Clock, color: "text-amber-600" },
    { title: "已登记", value: "12", icon: CheckCircle, color: "text-green-600" },
    { title: "本月新增", value: "3", icon: Plus, color: "text-purple-600" },
  ]

const handleApply = () => {
    setShowApplyDialog(true)
  }

const filteredDesigns = layoutDesigns.filter(
    (design) =>
      design.name.includes(searchQuery) ||
      design.registrationNo.includes(searchQuery) ||
      design.applicant.includes(searchQuery),
  )

return (
    <div className="flex-1 space-y-6 p-8">
      <PageHeader title="布图设计管理" description="管理集成电路布图设计的校内申请和审核流程" />

<Tabs defaultValue="all" className="space-y-4">
        <div className="flex items-center justify-between">
          <TabsList>
            <TabsTrigger value="all">全部申请</TabsTrigger>
            <TabsTrigger value="pending">审核中</TabsTrigger>
            <TabsTrigger value="approved">已通过</TabsTrigger>
          </TabsList>
          <Button onClick={handleApply}>
            <Plus className="mr-2 h-4 w-4" />
            新增布图设计申请
          </Button>
        </div>

<TabsContent value="all" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>布图设计申请列表</CardTitle>
              <CardDescription>所有布图设计申请记录</CardDescription>
              <div className="flex items-center gap-4 pt-4">
                <div className="relative flex-1">
                  <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
                  <Input
                    placeholder="搜索布图设计名称、登记号或申请人..."
                    value={searchQuery}
                    onChange={(e) => setSearchQuery(e.target.value)}
                    className="pl-9"
                  />
                </div>
              </div>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>布图设计名称</TableHead>
                    <TableHead>登记号</TableHead>
                    <TableHead>芯片类型</TableHead>
                    <TableHead>工艺节点</TableHead>
                    <TableHead>申请人</TableHead>
                    <TableHead>院系</TableHead>
                    <TableHead>状态</TableHead>
                    <TableHead>申请日期</TableHead>
                    <TableHead>操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {filteredDesigns.map((design) => (
                    <TableRow key={design.id}>
                      <TableCell className="font-medium">{design.name}</TableCell>
                      <TableCell>{design.registrationNo}</TableCell>
                      <TableCell>
                        <Badge variant="outline">{design.chipType}</Badge>
                      </TableCell>
                      <TableCell>{design.processNode}</TableCell>
                      <TableCell>{design.applicant}</TableCell>
                      <TableCell>{design.department}</TableCell>
                      <TableCell>
                        <Badge
                          className={
                            design.status === "申请中"
                              ? "bg-blue-100 text-blue-800"
                              : design.status === "院系审核"
                                ? "bg-amber-100 text-amber-800"
                                : "bg-purple-100 text-purple-800"
                          }
                        >
                          {design.status}
                        </Badge>
                      </TableCell>
                      <TableCell>{design.applyDate}</TableCell>
                      <TableCell>
                        <Button size="sm" variant="outline">
                          查看详情
                        </Button>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>

<TabsContent value="pending" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>审核中的布图设计</CardTitle>
              <CardDescription>需要审核的布图设计申请</CardDescription>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>布图设计名称</TableHead>
                    <TableHead>申请人</TableHead>
                    <TableHead>芯片类型</TableHead>
                    <TableHead>当前状态</TableHead>
                    <TableHead>申请日期</TableHead>
                    <TableHead>操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {filteredDesigns
                    .filter((d) => d.status.includes("审核"))
                    .map((design) => (
                      <TableRow key={design.id}>
                        <TableCell className="font-medium">{design.name}</TableCell>
                        <TableCell>{design.applicant}</TableCell>
                        <TableCell>{design.chipType}</TableCell>
                        <TableCell>
                          <Badge className="bg-amber-100 text-amber-800">{design.status}</Badge>
                        </TableCell>
                        <TableCell>{design.applyDate}</TableCell>
                        <TableCell>
                          <div className="flex gap-2">
                            <Button size="sm" variant="outline">
                              审核
                            </Button>
                            <Button size="sm" variant="outline">
                              查看
                            </Button>
                          </div>
                        </TableCell>
                      </TableRow>
                    ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>

<TabsContent value="approved" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>已通过的布图设计</CardTitle>
              <CardDescription>审核通过并已登记的布图设计</CardDescription>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>布图设计名称</TableHead>
                    <TableHead>登记号</TableHead>
                    <TableHead>芯片类型</TableHead>
                    <TableHead>登记日期</TableHead>
                    <TableHead>有效期至</TableHead>
                    <TableHead>操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  <TableRow>
                    <TableCell>低功耗存储控制器布图</TableCell>
                    <TableCell>BS.244000120</TableCell>
                    <TableCell>存储控制器</TableCell>
                    <TableCell>2024-08-15</TableCell>
                    <TableCell>2034-08-15</TableCell>
                    <TableCell>
                      <Button size="sm" variant="outline">
                        查看证书
                      </Button>
                    </TableCell>
                  </TableRow>
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>
      </Tabs>

{/* 布图设计申请对话框 */}
      <Dialog open={showApplyDialog} onOpenChange={setShowApplyDialog}>
        <DialogContent className="max-w-3xl">
          <DialogHeader>
            <DialogTitle>布图设计申请</DialogTitle>
            <DialogDescription>填写集成电路布图设计申请信息</DialogDescription>
          </DialogHeader>
          <div className="space-y-4 max-h-[600px] overflow-y-auto">
            <div>
              <Label>布图设计名称 *</Label>
              <Input placeholder="请输入布图设计名称" />
            </div>

<div>
              <Label>设计完成日期 *</Label>
              <Input type="date" />
            </div>

<div>
              <Label>申请人信息 *</Label>
              <Input placeholder="申请人姓名" defaultValue="当前用户" disabled />
            </div>

<div>
              <Label>创新点说明 *</Label>
              <Textarea placeholder="请说明布图设计的创新点和技术优势..." rows={3} />
            </div>

<div>
              <Label>是否首次商业利用</Label>
              <div className="flex gap-4 pt-2">
                <label className="flex items-center gap-2">
                  <input type="radio" name="commercial" value="yes" />
                  <span className="text-sm">是</span>
                </label>
                <label className="flex items-center gap-2">
                  <input type="radio" name="commercial" value="no" defaultChecked />
                  <span className="text-sm">否</span>
                </label>
              </div>
            </div>

<div>
              <Label>布图设计文件上传 *</Label>
              <div className="rounded-lg border-2 border-dashed p-8 text-center">
                <FileText className="mx-auto h-8 w-8 text-muted-foreground" />
                <p className="mt-2 text-sm text-muted-foreground">点击上传或拖拽文件到此处</p>
                <p className="text-xs text-muted-foreground">请上传布图设计图样、说明文档等文件</p>
              </div>
            </div>
          </div>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowApplyDialog(false)}>
              取消
            </Button>
            <Button onClick={() => setShowApplyDialog(false)}>提交申请</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/layout-design/apply/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/proprietary-tech/apply/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { PageHeader } from "@/components/page-header"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Search, Lightbulb, Plus, FileText, CheckCircle, Clock } from "lucide-react"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"

export default function ProprietaryTechPage() {
  const [searchQuery, setSearchQuery] = useState("")
  const [showApplyDialog, setShowApplyDialog] = useState(false)

// 模拟专有技术数据
  const proprietaryTechs = [
    {
      id: "T001",
      name: "高性能催化剂制备工艺",
      registrationNo: "PT-2024-001",
      status: "申请中",
      applicant: "王教授",
      technicians: ["王教授", "李副教授", "张工程师"],
      department: "化学工程学院",
      applyDate: "2024-11-20",
      techType: "制造工艺",
      confidentialLevel: "商业秘密",
      researchProject: "国家自然科学基金项目",
    },
    {
      id: "T002",
      name: "智能算法优化方案",
      registrationNo: "PT-2024-002",
      status: "院系审核",
      applicant: "陈教授",
      technicians: ["陈教授", "刘博士"],
      department: "计算机学院",
      applyDate: "2024-11-18",
      techType: "算法技术",
      confidentialLevel: "内部保密",
      researchProject: "企业合作项目",
    },
    {
      id: "T003",
      name: "新型材料加工技术",
      registrationNo: "PT-2024-003",
      status: "知产专员审核",
      applicant: "赵教授",
      technicians: ["赵教授", "孙副教授", "周工程师"],
      department: "材料科学学院",
      applyDate: "2024-11-15",
      techType: "加工技术",
      confidentialLevel: "商业秘密",
      researchProject: "省级科技计划项目",
    },
  ]

const stats = [
    { title: "专有技术总数", value: "32", icon: Lightbulb, color: "text-blue-600" },
    { title: "审核中", value: "8", icon: Clock, color: "text-amber-600" },
    { title: "已登记", value: "24", icon: CheckCircle, color: "text-green-600" },
    { title: "本月新增", value: "5", icon: Plus, color: "text-purple-600" },
  ]

const handleApply = () => {
    setShowApplyDialog(true)
  }

const filteredTechs = proprietaryTechs.filter(
    (tech) =>
      tech.name.includes(searchQuery) ||
      tech.registrationNo.includes(searchQuery) ||
      tech.applicant.includes(searchQuery),
  )

return (
    <div className="flex-1 space-y-6 p-8">
      <PageHeader title="专有技术管理" description="管理专有技术的校内申请、登记和保密管理" />

<Tabs defaultValue="all" className="space-y-4">
        <div className="flex items-center justify-between">
          <TabsList>
            <TabsTrigger value="all">全部申请</TabsTrigger>
            <TabsTrigger value="pending">审核中</TabsTrigger>
            <TabsTrigger value="approved">已登记</TabsTrigger>
          </TabsList>
          <Button onClick={handleApply}>
            <Plus className="mr-2 h-4 w-4" />
            新增专有技术申请
          </Button>
        </div>

<TabsContent value="all" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>专有技术申请列表</CardTitle>
              <CardDescription>所有专有技术申请记录</CardDescription>
              <div className="flex items-center gap-4 pt-4">
                <div className="relative flex-1">
                  <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
                  <Input
                    placeholder="搜索专有技术名称、登记号或申请人..."
                    value={searchQuery}
                    onChange={(e) => setSearchQuery(e.target.value)}
                    className="pl-9"
                  />
                </div>
              </div>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>专有技术名称</TableHead>
                    <TableHead>登记号</TableHead>
                    <TableHead>技术类型</TableHead>
                    <TableHead>保密等级</TableHead>
                    <TableHead>申请人</TableHead>
                    <TableHead>院系</TableHead>
                    <TableHead>状态</TableHead>
                    <TableHead>申请日期</TableHead>
                    <TableHead>操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {filteredTechs.map((tech) => (
                    <TableRow key={tech.id}>
                      <TableCell className="font-medium">{tech.name}</TableCell>
                      <TableCell>{tech.registrationNo}</TableCell>
                      <TableCell>
                        <Badge variant="outline">{tech.techType}</Badge>
                      </TableCell>
                      <TableCell>
                        <Badge
                          className={
                            tech.confidentialLevel === "商业秘密"
                              ? "bg-red-100 text-red-800"
                              : "bg-amber-100 text-amber-800"
                          }
                        >
                          {tech.confidentialLevel}
                        </Badge>
                      </TableCell>
                      <TableCell>{tech.applicant}</TableCell>
                      <TableCell>{tech.department}</TableCell>
                      <TableCell>
                        <Badge
                          className={
                            tech.status === "申请中"
                              ? "bg-blue-100 text-blue-800"
                              : tech.status === "院系审核"
                                ? "bg-amber-100 text-amber-800"
                                : "bg-purple-100 text-purple-800"
                          }
                        >
                          {tech.status}
                        </Badge>
                      </TableCell>
                      <TableCell>{tech.applyDate}</TableCell>
                      <TableCell>
                        <Button size="sm" variant="outline">
                          查看详情
                        </Button>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>

<TabsContent value="pending" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>审核中的专有技术</CardTitle>
              <CardDescription>需要审核的专有技术申请</CardDescription>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>专有技术名称</TableHead>
                    <TableHead>申请人</TableHead>
                    <TableHead>技术类型</TableHead>
                    <TableHead>当前状态</TableHead>
                    <TableHead>申请日期</TableHead>
                    <TableHead>操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {filteredTechs
                    .filter((t) => t.status.includes("审核"))
                    .map((tech) => (
                      <TableRow key={tech.id}>
                        <TableCell className="font-medium">{tech.name}</TableCell>
                        <TableCell>{tech.applicant}</TableCell>
                        <TableCell>{tech.techType}</TableCell>
                        <TableCell>
                          <Badge className="bg-amber-100 text-amber-800">{tech.status}</Badge>
                        </TableCell>
                        <TableCell>{tech.applyDate}</TableCell>
                        <TableCell>
                          <div className="flex gap-2">
                            <Button size="sm" variant="outline">
                              审核
                            </Button>
                            <Button size="sm" variant="outline">
                              查看
                            </Button>
                          </div>
                        </TableCell>
                      </TableRow>
                    ))}
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>

<TabsContent value="approved" className="space-y-4">
          <Card>
            <CardHeader>
              <CardTitle>已登记的专有技术</CardTitle>
              <CardDescription>审核通过并已登记的专有技术</CardDescription>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>专有技术名称</TableHead>
                    <TableHead>登记号</TableHead>
                    <TableHead>技术类型</TableHead>
                    <TableHead>保密等级</TableHead>
                    <TableHead>登记日期</TableHead>
                    <TableHead>操作</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  <TableRow>
                    <TableCell>精密加工控制技术</TableCell>
                    <TableCell>PT-2023-058</TableCell>
                    <TableCell>控制技术</TableCell>
                    <TableCell>
                      <Badge className="bg-red-100 text-red-800">商业秘密</Badge>
                    </TableCell>
                    <TableCell>2024-09-20</TableCell>
                    <TableCell>
                      <Button size="sm" variant="outline">
                        查看详情
                      </Button>
                    </TableCell>
                  </TableRow>
                </TableBody>
              </Table>
            </CardContent>
          </Card>
        </TabsContent>
      </Tabs>

{/* 专有技术申请对话框 */}
      <Dialog open={showApplyDialog} onOpenChange={setShowApplyDialog}>
        <DialogContent className="max-w-3xl">
          <DialogHeader>
            <DialogTitle>专有技术申请</DialogTitle>
            <DialogDescription>填写专有技术申请和保密信息</DialogDescription>
          </DialogHeader>
          <div className="space-y-4 max-h-[600px] overflow-y-auto">
            <div>
              <Label>专有技术名称 *</Label>
              <Input placeholder="请输入专有技术名称" />
            </div>

<div>
              <Label>来源科研项目</Label>
              <Input placeholder="请输入来源科研项目名称" />
            </div>

<div>
              <Label>技术内容概述 *</Label>
              <Textarea placeholder="请概述专有技术的主要内容..." rows={3} />
            </div>

<div>
              <Label>技术特点和优势 *</Label>
              <Textarea placeholder="请说明技术的特点、优势和创新性..." rows={3} />
            </div>

<div>
              <Label>技术成熟度 *</Label>
              <Select>
                <SelectTrigger>
                  <SelectValue placeholder="选择技术成熟度" />
                </SelectTrigger>
                <SelectContent>
                  <SelectItem value="实验室阶段">实验室阶段</SelectItem>
                  <SelectItem value="小试阶段">小试阶段</SelectItem>
                  <SelectItem value="中试阶段">中试阶段</SelectItem>
                  <SelectItem value="产业化">产业化</SelectItem>
                </SelectContent>
              </Select>
            </div>

<div>
              <Label>市场前景分析</Label>
              <Textarea placeholder="请分析专有技术的市场前景..." rows={3} />
            </div>

<div>
              <Label>保密措施说明 *</Label>
              <Textarea placeholder="请说明已采取或拟采取的保密措施..." rows={3} />
            </div>

<div>
              <Label>技术文档上传 *</Label>
              <div className="rounded-lg border-2 border-dashed p-8 text-center">
                <FileText className="mx-auto h-8 w-8 text-muted-foreground" />
                <p className="mt-2 text-sm text-muted-foreground">点击上传或拖拽文件到此处</p>
                <p className="text-xs text-muted-foreground">请上传技术说明文档、工艺流程等文件（注意文件保密性）</p>
              </div>
            </div>
          </div>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowApplyDialog(false)}>
              取消
            </Button>
            <Button onClick={() => setShowApplyDialog(false)}>提交申请</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/proprietary-tech/apply/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/payment/application-fee/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { PageHeader } from "@/components/page-header"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Badge } from "@/components/ui/badge"
import { DollarSign, FileText, CheckCircle2, Clock, Upload, Printer, Search, AlertCircle } from "lucide-react"
import { Textarea } from "@/components/ui/textarea"

export default function ApplicationFeePage() {
  const [searchTerm, setSearchTerm] = useState("")
  const [selectedTab, setSelectedTab] = useState("cooperative")
  const [showRegisterDialog, setShowRegisterDialog] = useState(false)
  const [showConfirmDialog, setShowConfirmDialog] = useState(false)
  const [showInvoiceDialog, setShowInvoiceDialog] = useState(false)
  const [showAuditDialog, setShowAuditDialog] = useState(false)

// 合作代理机构申请费用数据
  const cooperativeApplications = [
    {
      id: 1,
      patentName: "一种基于深度学习的图像识别方法",
      patentNumber: "CN202310123456.7",
      agency: "中知智慧知识产权代理有限公司",
      applicant: "张三",
      applicationFee: 3500,
      officialFee: 900,
      totalFee: 4400,
      status: "待负责人确认",
      registeredDate: "2025-01-15",
      registeredBy: "李代理",
    },
    {
      id: 2,
      patentName: "智能家居控制系统",
      patentNumber: "CN202310234567.8",
      agency: "北京华智专利代理事务所",
      applicant: "李四",
      applicationFee: 3200,
      officialFee: 900,
      totalFee: 4100,
      status: "待上传发票",
      registeredDate: "2025-01-10",
      confirmedDate: "2025-01-18",
    },
    {
      id: 3,
      patentName: "新型环保材料及其制备方法",
      patentNumber: "CN202310345678.9",
      agency: "中知智慧知识产权代理有限公司",
      applicant: "王五",
      applicationFee: 3800,
      officialFee: 900,
      totalFee: 4700,
      status: "待知产专员审核",
      registeredDate: "2025-01-12",
      confirmedDate: "2025-01-20",
      invoiceDate: "2025-01-22",
    },
  ]

// 自行委托申请费用数据
  const selfApplications = [
    {
      id: 4,
      patentName: "一种新型太阳能电池板",
      patentNumber: "CN202310456789.0",
      agency: "上海东方知识产权事务所",
      applicant: "赵六",
      applicationFee: 4000,
      officialFee: 900,
      totalFee: 4900,
      status: "待上传发票",
      registeredDate: "2025-01-14",
    },
    {
      id: 5,
      patentName: "智能机器人导航算法",
      patentNumber: "CN202310567890.1",
      agency: "深圳创新专利代理公司",
      applicant: "孙七",
      applicationFee: 3600,
      officialFee: 900,
      totalFee: 4500,
      status: "待知产专员审核",
      registeredDate: "2025-01-16",
      invoiceDate: "2025-01-20",
    },
  ]

const getStatusBadge = (status: string) => {
    const statusMap: Record<string, { variant: "default" | "secondary" | "destructive" | "outline"; label: string }> = {
      待负责人确认: { variant: "outline", label: "待负责人确认" },
      待上传发票: { variant: "secondary", label: "待上传发票" },
      待知产专员审核: { variant: "default", label: "待知产专员审核" },
      已完成: { variant: "outline", label: "已完成" },
    }
    const config = statusMap[status] || { variant: "outline" as const, label: status }
    return <Badge variant={config.variant}>{config.label}</Badge>
  }

return (
    <div className="flex-1 space-y-6 p-8">
      <PageHeader title="专利申请费缴费" description="管理专利申请费用的登记、确认、发票上传和审核流程" />

{/* 统计卡片 */}
      <div className="grid gap-4 md:grid-cols-4">
        <Card>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">待处理费用</CardTitle>
            <Clock className="h-4 w-4 text-muted-foreground" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">8</div>
            <p className="text-xs text-muted-foreground">需要处理的缴费项</p>
          </CardContent>
        </Card>
        <Card>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">本月缴费金额</CardTitle>
            <DollarSign className="h-4 w-4 text-muted-foreground" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">¥32,800</div>
            <p className="text-xs text-muted-foreground">较上月增长 12%</p>
          </CardContent>
        </Card>
        <Card>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">待审核发票</CardTitle>
            <FileText className="h-4 w-4 text-muted-foreground" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">3</div>
            <p className="text-xs text-muted-foreground">需要审核的发票</p>
          </CardContent>
        </Card>
        <Card>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">已完成缴费</CardTitle>
            <CheckCircle2 className="h-4 w-4 text-muted-foreground" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">156</div>
            <p className="text-xs text-muted-foreground">累计缴费记录</p>
          </CardContent>
        </Card>
      </div>

{/* 主要内容 */}
      <Card>
        <CardHeader>
          <div className="flex items-center justify-between">
            <div>
              <CardTitle>申请费缴费管理</CardTitle>
              <CardDescription>管理合作代理机构和自行委托的专利申请费用</CardDescription>
            </div>
            <Button onClick={() => setShowRegisterDialog(true)}>
              <Upload className="mr-2 h-4 w-4" />
              登记费用
            </Button>
          </div>
        </CardHeader>
        <CardContent>
          <Tabs value={selectedTab} onValueChange={setSelectedTab}>
            <TabsList className="grid w-full grid-cols-2">
              <TabsTrigger value="cooperative">合作代理机构</TabsTrigger>
              <TabsTrigger value="self">自行委托</TabsTrigger>
            </TabsList>

{/* 合作代理机构 */}
            <TabsContent value="cooperative" className="space-y-4">
              <div className="flex items-center gap-4">
                <div className="relative flex-1">
                  <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
                  <Input
                    placeholder="搜索专利名称、专利号、申请人..."
                    value={searchTerm}
                    onChange={(e) => setSearchTerm(e.target.value)}
                    className="pl-10"
                  />
                </div>
                <Select defaultValue="all">
                  <SelectTrigger className="w-[180px]">
                    <SelectValue placeholder="选择状态" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="all">全部状态</SelectItem>
                    <SelectItem value="pending">待负责人确认</SelectItem>
                    <SelectItem value="invoice">待上传发票</SelectItem>
                    <SelectItem value="audit">待知产专员审核</SelectItem>
                    <SelectItem value="completed">已完成</SelectItem>
                  </SelectContent>
                </Select>
              </div>

<div className="rounded-md border">
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead>专利名称</TableHead>
                      <TableHead>专利号</TableHead>
                      <TableHead>代理机构</TableHead>
                      <TableHead>申请人</TableHead>
                      <TableHead>代理费</TableHead>
                      <TableHead>官费</TableHead>
                      <TableHead>合计</TableHead>
                      <TableHead>状态</TableHead>
                      <TableHead>操作</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    {cooperativeApplications.map((app) => (
                      <TableRow key={app.id}>
                        <TableCell className="font-medium">{app.patentName}</TableCell>
                        <TableCell>{app.patentNumber}</TableCell>
                        <TableCell>{app.agency}</TableCell>
                        <TableCell>{app.applicant}</TableCell>
                        <TableCell>¥{app.applicationFee.toLocaleString()}</TableCell>
                        <TableCell>¥{app.officialFee.toLocaleString()}</TableCell>
                        <TableCell className="font-semibold">¥{app.totalFee.toLocaleString()}</TableCell>
                        <TableCell>{getStatusBadge(app.status)}</TableCell>
                        <TableCell>
                          <div className="flex items-center gap-2">
                            {app.status === "待负责人确认" && (
                              <Button variant="outline" size="sm" onClick={() => setShowConfirmDialog(true)}>
                                确认费用
                              </Button>
                            )}
                            {app.status === "待上传发票" && (
                              <Button variant="outline" size="sm" onClick={() => setShowInvoiceDialog(true)}>
                                上传发票
                              </Button>
                            )}
                            {app.status === "待知产专员审核" && (
                              <Button variant="outline" size="sm" onClick={() => setShowAuditDialog(true)}>
                                审核
                              </Button>
                            )}
                            <Button variant="ghost" size="sm">
                              <FileText className="h-4 w-4" />
                            </Button>
                          </div>
                        </TableCell>
                      </TableRow>
                    ))}
                  </TableBody>
                </Table>
              </div>
            </TabsContent>

{/* 自行委托 */}
            <TabsContent value="self" className="space-y-4">
              <div className="flex items-center gap-4">
                <div className="relative flex-1">
                  <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
                  <Input
                    placeholder="搜索专利名称、专利号、申请人..."
                    value={searchTerm}
                    onChange={(e) => setSearchTerm(e.target.value)}
                    className="pl-10"
                  />
                </div>
                <Select defaultValue="all">
                  <SelectTrigger className="w-[180px]">
                    <SelectValue placeholder="选择状态" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="all">全部状态</SelectItem>
                    <SelectItem value="invoice">待上传发票</SelectItem>
                    <SelectItem value="audit">待知产专员审核</SelectItem>
                    <SelectItem value="completed">已完成</SelectItem>
                  </SelectContent>
                </Select>
              </div>

<div className="rounded-md border">
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead>专利名称</TableHead>
                      <TableHead>专利号</TableHead>
                      <TableHead>代理机构</TableHead>
                      <TableHead>申请人</TableHead>
                      <TableHead>代理费</TableHead>
                      <TableHead>官费</TableHead>
                      <TableHead>合计</TableHead>
                      <TableHead>状态</TableHead>
                      <TableHead>操作</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    {selfApplications.map((app) => (
                      <TableRow key={app.id}>
                        <TableCell className="font-medium">{app.patentName}</TableCell>
                        <TableCell>{app.patentNumber}</TableCell>
                        <TableCell>{app.agency}</TableCell>
                        <TableCell>{app.applicant}</TableCell>
                        <TableCell>¥{app.applicationFee.toLocaleString()}</TableCell>
                        <TableCell>¥{app.officialFee.toLocaleString()}</TableCell>
                        <TableCell className="font-semibold">¥{app.totalFee.toLocaleString()}</TableCell>
                        <TableCell>{getStatusBadge(app.status)}</TableCell>
                        <TableCell>
                          <div className="flex items-center gap-2">
                            {app.status === "待上传发票" && (
                              <Button variant="outline" size="sm" onClick={() => setShowInvoiceDialog(true)}>
                                上传发票
                              </Button>
                            )}
                            {app.status === "待知产专员审核" && (
                              <Button variant="outline" size="sm" onClick={() => setShowAuditDialog(true)}>
                                审核
                              </Button>
                            )}
                            <Button variant="ghost" size="sm">
                              <FileText className="h-4 w-4" />
                            </Button>
                          </div>
                        </TableCell>
                      </TableRow>
                    ))}
                  </TableBody>
                </Table>
              </div>
            </TabsContent>
          </Tabs>
        </CardContent>
      </Card>

{/* 登记费用对话框 */}
      <Dialog open={showRegisterDialog} onOpenChange={setShowRegisterDialog}>
        <DialogContent className="max-w-2xl">
          <DialogHeader>
            <DialogTitle>登记申请费用</DialogTitle>
            <DialogDescription>填写专利申请费用信息</DialogDescription>
          </DialogHeader>
          <div className="grid gap-4 py-4">
            <div className="grid gap-2">
              <Label htmlFor="patent-search">专利信息</Label>
              <Input id="patent-search" placeholder="搜索专利名称或专利号" />
            </div>
            <div className="grid grid-cols-2 gap-4">
              <div className="grid gap-2">
                <Label htmlFor="agency-fee">代理费用（元）</Label>
                <Input id="agency-fee" type="number" placeholder="输入代理费用" />
              </div>
              <div className="grid gap-2">
                <Label htmlFor="official-fee">官费（元）</Label>
                <Input id="official-fee" type="number" placeholder="输入官费" />
              </div>
            </div>
            <div className="grid gap-2">
              <Label htmlFor="remark">费用说明</Label>
              <Textarea id="remark" placeholder="输入费用说明或备注" />
            </div>
            <div className="grid gap-2">
              <Label>附件</Label>
              <div className="flex items-center gap-2">
                <Button variant="outline" size="sm">
                  <Upload className="mr-2 h-4 w-4" />
                  上传费用清单
                </Button>
                <span className="text-sm text-muted-foreground">支持 PDF、图片格式</span>
              </div>
            </div>
          </div>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowRegisterDialog(false)}>
              取消
            </Button>
            <Button onClick={() => setShowRegisterDialog(false)}>提交登记</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>

{/* 确认费用对话框 */}
      <Dialog open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>
        <DialogContent>
          <DialogHeader>
            <DialogTitle>确认费用</DialogTitle>
            <DialogDescription>请核对费用信息是否正确</DialogDescription>
          </DialogHeader>
          <div className="space-y-4 py-4">
            <div className="rounded-lg border p-4 space-y-2">
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">专利名称：</span>
                <span className="text-sm font-medium">一种基于深度学习的图像识别方法</span>
              </div>
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">代理机构：</span>
                <span className="text-sm">中知智慧知识产权代理有限公司</span>
              </div>
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">代理费用：</span>
                <span className="text-sm">¥3,500</span>
              </div>
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">官费：</span>
                <span className="text-sm">¥900</span>
              </div>
              <div className="flex justify-between border-t pt-2">
                <span className="text-sm font-semibold">合计：</span>
                <span className="text-sm font-semibold text-primary">¥4,400</span>
              </div>
            </div>
            <div className="flex items-start gap-2 rounded-lg bg-amber-50 p-3 text-amber-800">
              <AlertCircle className="h-4 w-4 mt-0.5 flex-shrink-0" />
              <p className="text-sm">确认后将通知代理机构开具发票，请仔细核对费用信息。</p>
            </div>
          </div>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowConfirmDialog(false)}>
              返回修改
            </Button>
            <Button onClick={() => setShowConfirmDialog(false)}>确认费用</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>

{/* 上传发票对话框 */}
      <Dialog open={showInvoiceDialog} onOpenChange={setShowInvoiceDialog}>
        <DialogContent>
          <DialogHeader>
            <DialogTitle>上传发票</DialogTitle>
            <DialogDescription>上传发票扫描件或照片</DialogDescription>
          </DialogHeader>
          <div className="grid gap-4 py-4">
            <div className="grid gap-2">
              <Label htmlFor="invoice-number">发票号码</Label>
              <Input id="invoice-number" placeholder="输入发票号码" />
            </div>
            <div className="grid gap-2">
              <Label htmlFor="invoice-date">开票日期</Label>
              <Input id="invoice-date" type="date" />
            </div>
            <div className="grid gap-2">
              <Label>发票附件</Label>
              <div className="flex flex-col gap-2">
                <Button variant="outline" size="sm" className="w-fit bg-transparent">
                  <Upload className="mr-2 h-4 w-4" />
                  上传发票文件
                </Button>
                <span className="text-xs text-muted-foreground">支持 PDF、JPG、PNG 格式，大小不超过 10MB</span>
              </div>
            </div>
          </div>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowInvoiceDialog(false)}>
              取消
            </Button>
            <Button onClick={() => setShowInvoiceDialog(false)}>确认上传</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>

{/* 审核对话框 */}
      <Dialog open={showAuditDialog} onOpenChange={setShowAuditDialog}>
        <DialogContent>
          <DialogHeader>
            <DialogTitle>费用审核</DialogTitle>
            <DialogDescription>审核费用和发票信息</DialogDescription>
          </DialogHeader>
          <div className="space-y-4 py-4">
            <div className="rounded-lg border p-4 space-y-3">
              <h4 className="font-medium text-sm">费用信息</h4>
              <div className="grid grid-cols-2 gap-2 text-sm">
                <div>
                  <span className="text-muted-foreground">专利名称：</span>
                  <p className="font-medium">新型环保材料及其制备方法</p>
                </div>
                <div>
                  <span className="text-muted-foreground">专利号：</span>
                  <p>CN202310345678.9</p>
                </div>
                <div>
                  <span className="text-muted-foreground">代理费用：</span>
                  <p>¥3,800</p>
                </div>
                <div>
                  <span className="text-muted-foreground">官费：</span>
                  <p>¥900</p>
                </div>
              </div>
            </div>
            <div className="rounded-lg border p-4 space-y-2">
              <h4 className="font-medium text-sm">发票信息</h4>
              <div className="grid grid-cols-2 gap-2 text-sm">
                <div>
                  <span className="text-muted-foreground">发票号码：</span>
                  <p>No.12345678</p>
                </div>
                <div>
                  <span className="text-muted-foreground">开票日期：</span>
                  <p>2025-01-22</p>
                </div>
              </div>
              <Button variant="outline" size="sm" className="w-fit bg-transparent">
                <FileText className="mr-2 h-4 w-4" />
                查看发票
              </Button>
            </div>
            <div className="grid gap-2">
              <Label htmlFor="audit-result">审核意见</Label>
              <Select defaultValue="pass">
                <SelectTrigger>
                  <SelectValue />
                </SelectTrigger>
                <SelectContent>
                  <SelectItem value="pass">审核通过</SelectItem>
                  <SelectItem value="reject">审核不通过</SelectItem>
                </SelectContent>
              </Select>
            </div>
            <div className="grid gap-2">
              <Label htmlFor="audit-remark">审核备注</Label>
              <Textarea id="audit-remark" placeholder="输入审核意见或备注" />
            </div>
          </div>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowAuditDialog(false)}>
              取消
            </Button>
            <Button
              onClick={() => {
                setShowAuditDialog(false)
                alert("审核成功，已生成报销单")
              }}
            >
              提交审核
            </Button>
            <Button variant="outline">
              <Printer className="mr-2 h-4 w-4" />
              打印报销单
            </Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/payment/application-fee/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/payment/annual-fee/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { PageHeader } from "@/components/page-header"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Badge } from "@/components/ui/badge"
import { Checkbox } from "@/components/ui/checkbox"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import {
  DollarSign,
  CheckCircle2,
  Clock,
  AlertTriangle,
  Printer,
  Search,
  Mail,
  AlertCircle,
  XCircle,
  Bell,
} from "lucide-react"
import { Textarea } from "@/components/ui/textarea"

export default function AnnualFeePage() {
  const [searchTerm, setSearchTerm] = useState("")
  const [showConfirmDialog, setShowConfirmDialog] = useState(false)
  const [showAbandonDialog, setShowAbandonDialog] = useState(false)
  const [showReminderDialog, setShowReminderDialog] = useState(false)
  const [showWarningDialog, setShowWarningDialog] = useState(false)
  const [selectedPatents, setSelectedPatents] = useState<number[]>([])

const warningPatents = [
    {
      id: 1,
      patentName: "一种基于深度学习的图像识别方法",
      patentNumber: "CN202010123456.7",
      owner: "张三",
      dueDate: "2025-03-15",
      daysLeft: 45,
      feeAmount: 1200,
      urgency: "medium",
    },
    {
      id: 2,
      patentName: "智能家居控制系统",
      patentNumber: "CN202010234567.8",
      owner: "李四",
      dueDate: "2025-02-10",
      daysLeft: 12,
      feeAmount: 600,
      urgency: "high",
    },
    {
      id: 3,
      patentName: "新型环保材料及其制备方法",
      patentNumber: "CN201910345678.9",
      owner: "王五",
      dueDate: "2025-02-05",
      daysLeft: 7,
      feeAmount: 2000,
      urgency: "critical",
    },
  ]

const annualFees = [
    {
      id: 1,
      patentName: "一种基于深度学习的图像识别方法",
      patentNumber: "CN202010123456.7",
      patentType: "发明专利",
      owner: "张三",
      year: 4,
      annualFee: 1200,
      lateFee: 0,
      recoveryFee: 0,
      totalFee: 1200,
      dueDate: "2025-03-15",
      status: "待确认",
      urgency: "normal",
    },
    {
      id: 2,
      patentName: "智能家居控制系统",
      patentNumber: "CN202010234567.8",
      patentType: "实用新型",
      owner: "李四",
      year: 3,
      annualFee: 600,
      lateFee: 60,
      recoveryFee: 0,
      totalFee: 660,
      dueDate: "2025-02-28",
      status: "已逾期",
      urgency: "urgent",
    },
    {
      id: 3,
      patentName: "新型环保材料及其制备方法",
      patentNumber: "CN201910345678.9",
      patentType: "发明专利",
      owner: "王五",
      year: 5,
      annualFee: 2000,
      lateFee: 0,
      recoveryFee: 0,
      totalFee: 2000,
      dueDate: "2025-04-20",
      status: "待确认",
      urgency: "normal",
    },
    {
      id: 4,
      patentName: "一种新型太阳能电池板",
      patentNumber: "CN201810456789.0",
      patentType: "发明专利",
      owner: "赵六",
      year: 6,
      annualFee: 2000,
      lateFee: 200,
      recoveryFee: 1000,
      totalFee: 3200,
      dueDate: "2025-01-30",
      status: "需恢复",
      urgency: "critical",
    },
    {
      id: 5,
      patentName: "智能机器人导航算法",
      patentNumber: "202010567890.1",
      patentType: "发明专利",
      owner: "孙七",
      year: 4,
      annualFee: 1200,
      lateFee: 0,
      recoveryFee: 0,
      totalFee: 1200,
      dueDate: "2025-05-10",
      status: "已确认",
      urgency: "normal",
    },
  ]

const getStatusBadge = (status: string) => {
    const statusMap: Record<string, { variant: "default" | "secondary" | "destructive" | "outline"; label: string }> = {
      待确认: { variant: "outline", label: "待确认" },
      已逾期: { variant: "destructive", label: "已逾期" },
      需恢复: { variant: "destructive", label: "需恢复" },
      已确认: { variant: "secondary", label: "已确认" },
      已完成: { variant: "outline", label: "已完成" },
    }
    const config = statusMap[status] || { variant: "outline" as const, label: status }
    return <Badge variant={config.variant}>{config.label}</Badge>
  }

const getUrgencyIcon = (urgency: string) => {
    if (urgency === "critical") return <AlertTriangle className="h-4 w-4 text-red-500" />
    if (urgency === "urgent") return <AlertTriangle className="h-4 w-4 text-orange-500" />
    return <Clock className="h-4 w-4 text-blue-500" />
  }

const getWarningBadge = (urgency: string) => {
    if (urgency === "critical") return <Badge variant="destructive">紧急</Badge>
    if (urgency === "high") return <Badge variant="destructive">重要</Badge>
    if (urgency === "medium") return <Badge className="bg-orange-500">提醒</Badge>
    return <Badge variant="outline">一般</Badge>
  }

return (
    <div className="flex-1 space-y-6 p-8">
      <PageHeader title="专利年费归集" description="管理专利年费、滞纳金和恢复费的缴纳流程" />

<div className="grid gap-4 md:grid-cols-4">
        <Card>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">待缴年费</CardTitle>
            <Clock className="h-4 w-4 text-muted-foreground" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">5</div>
            <p className="text-xs text-muted-foreground">需要缴纳年费的专利</p>
          </CardContent>
        </Card>
        <Card>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">逾期专利</CardTitle>
            <AlertTriangle className="h-4 w-4 text-destructive" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold text-destructive">2</div>
            <p className="text-xs text-muted-foreground">已逾期或需恢复</p>
          </CardContent>
        </Card>
        <Card>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">应缴金额</CardTitle>
            <DollarSign className="h-4 w-4 text-muted-foreground" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">¥8,260</div>
            <p className="text-xs text-muted-foreground">含滞纳金和恢复费</p>
          </CardContent>
        </Card>
        <Card className="cursor-pointer hover:bg-accent/50" onClick={() => setShowWarningDialog(true)}>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">年费预警</CardTitle>
            <Bell className="h-4 w-4 text-orange-500" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold text-orange-500">23</div>
            <p className="text-xs text-muted-foreground">即将到期需提醒</p>
          </CardContent>
        </Card>
      </div>

<Card>
        <CardHeader>
          <div className="flex items-center justify-between">
            <div>
              <CardTitle>年费归集管理</CardTitle>
              <CardDescription>管理专利年费缴纳、滞纳金和恢复费</CardDescription>
            </div>
            <div className="flex gap-2">
              <Button variant="outline" onClick={() => setShowWarningDialog(true)}>
                <Bell className="mr-2 h-4 w-4" />
                年费预警
              </Button>
              <Button variant="outline" onClick={() => setShowReminderDialog(true)}>
                <Mail className="mr-2 h-4 w-4" />
                发送提醒
              </Button>
              <Button>
                <CheckCircle2 className="mr-2 h-4 w-4" />
                批量确认
              </Button>
            </div>
          </div>
        </CardHeader>
        <CardContent className="space-y-4">
          <div className="flex items-center gap-4">
            <div className="relative flex-1">
              <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
              <Input
                placeholder="搜索专利名称、专利号、权利人..."
                value={searchTerm}
                onChange={(e) => setSearchTerm(e.target.value)}
                className="pl-10"
              />
            </div>
            <Select defaultValue="all">
              <SelectTrigger className="w-[180px]">
                <SelectValue placeholder="选择状态" />
              </SelectTrigger>
              <SelectContent>
                <SelectItem value="all">全部状态</SelectItem>
                <SelectItem value="pending">待确认</SelectItem>
                <SelectItem value="overdue">已逾期</SelectItem>
                <SelectItem value="recovery">需恢复</SelectItem>
                <SelectItem value="confirmed">已确认</SelectItem>
              </SelectContent>
            </Select>
            <Select defaultValue="all">
              <SelectTrigger className="w-[180px]">
                <SelectValue placeholder="缴费年份" />
              </SelectTrigger>
              <SelectContent>
                <SelectItem value="all">全部年份</SelectItem>
                <SelectItem value="3">第3年</SelectItem>
                <SelectItem value="4">第4年</SelectItem>
                <SelectItem value="5">第5年</SelectItem>
                <SelectItem value="6">第6年</SelectItem>
              </SelectContent>
            </Select>
          </div>

<div className="rounded-md border">
            <Table>
              <TableHeader>
                <TableRow>
                  <TableHead className="w-[50px]">
                    <Checkbox />
                  </TableHead>
                  <TableHead>专利名称</TableHead>
                  <TableHead>专利号</TableHead>
                  <TableHead>权利人</TableHead>
                  <TableHead>年份</TableHead>
                  <TableHead>年费</TableHead>
                  <TableHead>滞纳金</TableHead>
                  <TableHead>恢复费</TableHead>
                  <TableHead>合计</TableHead>
                  <TableHead>缴费期限</TableHead>
                  <TableHead>状态</TableHead>
                  <TableHead>操作</TableHead>
                </TableRow>
              </TableHeader>
              <TableBody>
                {annualFees.map((fee) => (
                  <TableRow
                    key={fee.id}
                    className={
                      fee.urgency === "critical" ? "bg-red-50" : fee.urgency === "urgent" ? "bg-orange-50" : ""
                    }
                  >
                    <TableCell>
                      <Checkbox
                        checked={selectedPatents.includes(fee.id)}
                        onCheckedChange={(checked) => {
                          if (checked) {
                            setSelectedPatents([...selectedPatents, fee.id])
                          } else {
                            setSelectedPatents(selectedPatents.filter((id) => id !== fee.id))
                          }
                        }}
                      />
                    </TableCell>
                    <TableCell>
                      <div className="flex items-center gap-2">
                        {getUrgencyIcon(fee.urgency)}
                        <span className="font-medium">{fee.patentName}</span>
                      </div>
                    </TableCell>
                    <TableCell>{fee.patentNumber}</TableCell>
                    <TableCell>{fee.owner}</TableCell>
                    <TableCell>第{fee.year}年</TableCell>
                    <TableCell>¥{fee.annualFee.toLocaleString()}</TableCell>
                    <TableCell className={fee.lateFee > 0 ? "text-orange-600 font-medium" : ""}>
                      {fee.lateFee > 0 ? `¥${fee.lateFee.toLocaleString()}` : "-"}
                    </TableCell>
                    <TableCell className={fee.recoveryFee > 0 ? "text-red-600 font-medium" : ""}>
                      {fee.recoveryFee > 0 ? `¥${fee.recoveryFee.toLocaleString()}` : "-"}
                    </TableCell>
                    <TableCell className="font-semibold">¥{fee.totalFee.toLocaleString()}</TableCell>
                    <TableCell>{fee.dueDate}</TableCell>
                    <TableCell>{getStatusBadge(fee.status)}</TableCell>
                    <TableCell>
                      <div className="flex items-center gap-2">
                        {fee.status === "待确认" && (
                          <>
                            <Button variant="outline" size="sm" onClick={() => setShowConfirmDialog(true)}>
                              确认缴费
                            </Button>
                            <Button variant="ghost" size="sm" onClick={() => setShowAbandonDialog(true)}>
                              <XCircle className="h-4 w-4 text-destructive" />
                            </Button>
                          </>
                        )}
                        {(fee.status === "已逾期" || fee.status === "需恢复") && (
                          <Button variant="outline" size="sm" onClick={() => setShowConfirmDialog(true)}>
                            确认缴费
                          </Button>
                        )}
                        {fee.status === "已确认" && (
                          <Button variant="outline" size="sm">
                            <Printer className="mr-2 h-4 w-4" />
                            打印
                          </Button>
                        )}
                      </div>
                    </TableCell>
                  </TableRow>
                ))}
              </TableBody>
            </Table>
          </div>
        </CardContent>
      </Card>

<Dialog open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>
        <DialogContent>
          <DialogHeader>
            <DialogTitle>确认缴费</DialogTitle>
            <DialogDescription>请核对年费信息并确认缴纳</DialogDescription>
          </DialogHeader>
          <div className="space-y-4 py-4">
            <div className="rounded-lg border p-4 space-y-2">
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">专利名称：</span>
                <span className="text-sm font-medium">一种基于深度学习的图像识别方法</span>
              </div>
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">专利号：</span>
                <span className="text-sm">CN202010123456.7</span>
              </div>
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">缴费年份：</span>
                <span className="text-sm">第4年</span>
              </div>
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">年费：</span>
                <span className="text-sm">¥1,200</span>
              </div>
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">滞纳金：</span>
                <span className="text-sm">¥0</span>
              </div>
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">恢复费：</span>
                <span className="text-sm">¥0</span>
              </div>
              <div className="flex justify-between border-t pt-2">
                <span className="text-sm font-semibold">合计：</span>
                <span className="text-sm font-semibold text-primary">¥1,200</span>
              </div>
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">缴费期限：</span>
                <span className="text-sm">2025-03-15</span>
              </div>
            </div>
            <div className="grid gap-2">
              <Label htmlFor="payment-method">缴费方式</Label>
              <Select defaultValue="project">
                <SelectTrigger>
                  <SelectValue />
                </SelectTrigger>
                <SelectContent>
                  <SelectItem value="project">项目经费</SelectItem>
                  <SelectItem value="department">院系经费</SelectItem>
                  <SelectItem value="school">学校经费</SelectItem>
                  <SelectItem value="personal">个人承担</SelectItem>
                </SelectContent>
              </Select>
            </div>
            <div className="grid gap-2">
              <Label htmlFor="remark">备注说明</Label>
              <Textarea id="remark" placeholder="输入备注信息（可选）" />
            </div>
          </div>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowConfirmDialog(false)}>
              取消
            </Button>
            <Button
              onClick={() => {
                setShowConfirmDialog(false)
                alert("确认成功，已生成报销单")
              }}
            >
              确认缴费
            </Button>
            <Button variant="outline">
              <Printer className="mr-2 h-4 w-4" />
              打印报销单
            </Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>

<Dialog open={showAbandonDialog} onOpenChange={setShowAbandonDialog}>
        <DialogContent>
          <DialogHeader>
            <DialogTitle>放弃专利</DialogTitle>
            <DialogDescription>确认在年费缴纳环节放弃该专利？</DialogDescription>
          </DialogHeader>
          <div className="space-y-4 py-4">
            <div className="flex items-start gap-2 rounded-lg bg-red-50 p-3 text-red-800">
              <AlertCircle className="h-4 w-4 mt-0.5 flex-shrink-0" />
              <div className="text-sm space-y-1">
                <p className="font-medium">放弃专利将导致：</p>
                <ul className="list-disc list-inside space-y-1 ml-2">
                  <li>专利权终止，无法恢复</li>
                  <li>进入发明人确认和院系审核流程</li>
                  <li>公开征集受让方</li>
                  <li>经放弃公示后正式放弃</li>
                </ul>
              </div>
            </div>
            <div className="rounded-lg border p-4 space-y-2">
              <h4 className="font-medium text-sm">专利信息</h4>
              <div className="text-sm space-y-1">
                <div className="flex justify-between">
                  <span className="text-muted-foreground">专利名称：</span>
                  <span>一种基于深度学习的图像识别方法</span>
                </div>
                <div className="flex justify-between">
                  <span className="text-muted-foreground">专利号：</span>
                  <span>CN202010123456.7</span>
                </div>
                <div className="flex justify-between">
                  <span className="text-muted-foreground">应缴年费：</span>
                  <span>¥1,200</span>
                </div>
              </div>
            </div>
            <div className="grid gap-2">
              <Label htmlFor="abandon-reason">放弃原因</Label>
              <Textarea id="abandon-reason" placeholder="请说明放弃该专利的原因" />
            </div>
          </div>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowAbandonDialog(false)}>
              取消
            </Button>
            <Button
              variant="destructive"
              onClick={() => {
                setShowAbandonDialog(false)
                alert("已提交放弃申请，将进入审核流程")
              }}
            >
              确认放弃
            </Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>

<Dialog open={showReminderDialog} onOpenChange={setShowReminderDialog}>
        <DialogContent>
          <DialogHeader>
            <DialogTitle>发送缴费提醒</DialogTitle>
            <DialogDescription>向专利负责人发送年费缴纳提醒</DialogDescription>
          </DialogHeader>
          <div className="space-y-4 py-4">
            <div className="grid gap-2">
              <Label>提醒对象</Label>
              <Select defaultValue="overdue">
                <SelectTrigger>
                  <SelectValue />
                </SelectTrigger>
                <SelectContent>
                  <SelectItem value="all">所有待缴费专利负责人</SelectItem>
                  <SelectItem value="overdue">已逾期专利负责人</SelectItem>
                  <SelectItem value="upcoming">即将到期专利负责人（30天内）</SelectItem>
                  <SelectItem value="selected">选中的专利负责人</SelectItem>
                </SelectContent>
              </Select>
            </div>
            <div className="grid gap-2">
              <Label>提醒方式</Label>
              <div className="space-y-2">
                <div className="flex items-center space-x-2">
                  <Checkbox id="email" defaultChecked />
                  <Label htmlFor="email" className="text-sm font-normal">
                    邮件提醒
                  </Label>
                </div>
                <div className="flex items-center space-x-2">
                  <Checkbox id="message" defaultChecked />
                  <Label htmlFor="message" className="text-sm font-normal">
                    站内消息
                  </Label>
                </div>
              </div>
            </div>
            <div className="grid gap-2">
              <Label htmlFor="reminder-content">提醒内容</Label>
              <Textarea
                id="reminder-content"
                placeholder="输入提醒内容"
                defaultValue="您有专利年费即将到期，请及时确认缴费。如选择放弃，请在系统中提交放弃申请。"
                rows={4}
              />
            </div>
            <div className="rounded-lg bg-blue-50 p-3 text-blue-800 text-sm">
              <p>
                将向 <span className="font-semibold">5</span> 位专利负责人发送提醒
              </p>
            </div>
          </div>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowReminderDialog(false)}>
              取消
            </Button>
            <Button
              onClick={() => {
                setShowReminderDialog(false)
                alert("提醒已发送")
              }}
            >
              <Mail className="mr-2 h-4 w-4" />
              发送提醒
            </Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>

<Dialog open={showWarningDialog} onOpenChange={setShowWarningDialog}>
        <DialogContent className="max-w-4xl max-h-[80vh]">
          <DialogHeader>
            <DialogTitle>年费预警管理</DialogTitle>
            <DialogDescription>对即将缴纳年费的专利自动发送信息和邮件提醒</DialogDescription>
          </DialogHeader>
          <Tabs defaultValue="warnings" className="py-4">
            <TabsList>
              <TabsTrigger value="warnings">预警列表</TabsTrigger>
              <TabsTrigger value="settings">预警设置</TabsTrigger>
            </TabsList>

<TabsContent value="warnings" className="space-y-4">
              <div className="rounded-lg bg-orange-50 p-4 text-orange-800">
                <div className="flex items-center gap-2">
                  <Bell className="h-5 w-5" />
                  <span className="font-medium">当前有 {warningPatents.length} 件专利即将到期，需要及时提醒缴费</span>
                </div>
              </div>

<div className="rounded-md border">
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead>专利名称</TableHead>
                      <TableHead>专利号</TableHead>
                      <TableHead>负责人</TableHead>
                      <TableHead>缴费期限</TableHead>
                      <TableHead>剩余天数</TableHead>
                      <TableHead>年费金额</TableHead>
                      <TableHead>紧急程度</TableHead>
                      <TableHead>操作</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    {warningPatents.map((patent) => (
                      <TableRow
                        key={patent.id}
                        className={
                          patent.urgency === "critical" ? "bg-red-50" : patent.urgency === "high" ? "bg-orange-50" : ""
                        }
                      >
                        <TableCell className="font-medium max-w-[250px]">{patent.patentName}</TableCell>
                        <TableCell>{patent.patentNumber}</TableCell>
                        <TableCell>{patent.owner}</TableCell>
                        <TableCell>{patent.dueDate}</TableCell>
                        <TableCell>
                          <div className="flex items-center gap-2">
                            <Clock className="h-4 w-4 text-orange-500" />
                            <span className="font-medium">{patent.daysLeft} 天</span>
                          </div>
                        </TableCell>
                        <TableCell>¥{patent.feeAmount.toLocaleString()}</TableCell>
                        <TableCell>{getWarningBadge(patent.urgency)}</TableCell>
                        <TableCell>
                          <div className="flex items-center gap-2">
                            <Button
                              variant="outline"
                              size="sm"
                              onClick={() => alert(`已向 ${patent.owner} 发送缴费提醒`)}
                            >
                              <Mail className="mr-1 h-3 w-3" />
                              提醒
                            </Button>
                          </div>
                        </TableCell>
                      </TableRow>
                    ))}
                  </TableBody>
                </Table>
              </div>
            </TabsContent>

<TabsContent value="settings" className="space-y-4">
              <Card>
                <CardHeader>
                  <CardTitle className="text-base">预警规则配置</CardTitle>
                  <CardDescription>设置年费预警的触发条件和提醒方式</CardDescription>
                </CardHeader>
                <CardContent className="space-y-4">
                  <div className="grid gap-4 md:grid-cols-2">
                    <div className="space-y-2">
                      <Label>预警时间设置</Label>
                      <div className="space-y-3">
                        <div className="flex items-center justify-between">
                          <Label htmlFor="warning-60" className="text-sm font-normal">
                            提前 60 天预警
                          </Label>
                          <input type="checkbox" id="warning-60" defaultChecked className="h-4 w-4" />
                        </div>
                        <div className="flex items-center justify-between">
                          <Label htmlFor="warning-30" className="text-sm font-normal">
                            提前 30 天预警
                          </Label>
                          <input type="checkbox" id="warning-30" defaultChecked className="h-4 w-4" />
                        </div>
                        <div className="flex items-center justify-between">
                          <Label htmlFor="warning-15" className="text-sm font-normal">
                            提前 15 天预警
                          </Label>
                          <input type="checkbox" id="warning-15" defaultChecked className="h-4 w-4" />
                        </div>
                        <div className="flex items-center justify-between">
                          <Label htmlFor="warning-7" className="text-sm font-normal">
                            提前 7 天预警
                          </Label>
                          <input type="checkbox" id="warning-7" defaultChecked className="h-4 w-4" />
                        </div>
                      </div>
                    </div>

<div className="space-y-2">
                    <Label>提醒对象</Label>
                    <Select defaultValue="all">
                      <SelectTrigger>
                        <SelectValue />
                      </SelectTrigger>
                      <SelectContent>
                        <SelectItem value="all">专利负责人+知产专员</SelectItem>
                        <SelectItem value="owner">仅专利负责人</SelectItem>
                        <SelectItem value="specialist">仅知产专员</SelectItem>
                        <SelectItem value="custom">自定义</SelectItem>
                      </SelectContent>
                    </Select>
                  </div>

<div className="space-y-2">
                    <Label>提醒频率</Label>
                    <Select defaultValue="daily">
                      <SelectTrigger>
                        <SelectValue />
                      </SelectTrigger>
                      <SelectContent>
                        <SelectItem value="daily">每日提醒</SelectItem>
                        <SelectItem value="weekly">每周提醒</SelectItem>
                        <SelectItem value="once">仅提醒一次</SelectItem>
                      </SelectContent>
                    </Select>
                  </div>

<div className="space-y-2">
                    <Label htmlFor="template">提醒消息模板</Label>
                    <Textarea
                      id="template"
                      defaultValue="【年费提醒】您的专利「{专利名称}」（{专利号}）将于 {缴费期限} 到期，请及时缴纳年费 ¥{年费金额}。"
                      rows={3}
                    />
                    <p className="text-xs text-muted-foreground">
                      支持变量：{"{专利名称}"}, {"{专利号}"}, {"{缴费期限}"}, {"{年费金额}"}
                    </p>
                  </div>
                </CardContent>
              </Card>

<div className="flex justify-end gap-2">
                <Button variant="outline">重置</Button>
                <Button onClick={() => alert("预警配置已保存")}>保存配置</Button>
              </div>
            </TabsContent>
          </Tabs>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowWarningDialog(false)}>
              关闭
            </Button>
            <Button
              onClick={() => {
                alert(`已向 ${warningPatents.length} 位负责人发送年费预警提醒`)
                setShowWarningDialog(false)
              }}
            >
              <Mail className="mr-2 h-4 w-4" />
              批量发送提醒
            </Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/payment/annual-fee/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/payment/copyright-fee/page.tsx" isMerged="true"
"use client"

export default function CopyrightFeePage() {
  const [searchTerm, setSearchTerm] = useState("")
  const [selectedTab, setSelectedTab] = useState("cooperative")
  const [showRegisterDialog, setShowRegisterDialog] = useState(false)
  const [showConfirmDialog, setShowConfirmDialog] = useState(false)
  const [showInvoiceDialog, setShowInvoiceDialog] = useState(false)
  const [showAuditDialog, setShowAuditDialog] = useState(false)

// 合作代理机构软著费用数据
  const cooperativeCopyrights = [
    {
      id: 1,
      copyrightName: "智能数据分析系统V1.0",
      registrationNumber: "2025SR012345",
      agency: "中知智慧知识产权代理有限公司",
      applicant: "张三",
      applicationFee: 1200,
      officialFee: 300,
      totalFee: 1500,
      status: "待负责人确认",
      registeredDate: "2025-01-15",
      registeredBy: "李代理",
    },
    {
      id: 2,
      copyrightName: "在线教育管理平台V2.0",
      registrationNumber: "2025SR023456",
      agency: "北京华智专利代理事务所",
      applicant: "李四",
      applicationFee: 1000,
      officialFee: 300,
      totalFee: 1300,
      status: "待上传发票",
      registeredDate: "2025-01-10",
      confirmedDate: "2025-01-18",
    },
    {
      id: 3,
      copyrightName: "企业资源管理系统V3.0",
      registrationNumber: "2025SR034567",
      agency: "中知智慧知识产权代理有限公司",
      applicant: "王五",
      applicationFee: 1500,
      officialFee: 300,
      totalFee: 1800,
      status: "待知产专员审核",
      registeredDate: "2025-01-12",
      confirmedDate: "2025-01-20",
      invoiceDate: "2025-01-22",
    },
  ]

// 自行委托软著费用数据
  const selfCopyrights = [
    {
      id: 4,
      copyrightName: "移动办公协同系统V1.0",
      registrationNumber: "2025SR045678",
      agency: "上海东方知识产权事务所",
      applicant: "赵六",
      applicationFee: 1100,
      officialFee: 300,
      totalFee: 1400,
      status: "待上传发票",
      registeredDate: "2025-01-14",
    },
    {
      id: 5,
      copyrightName: "智能客服机器人系统V2.0",
      registrationNumber: "2025SR056789",
      agency: "深圳创新专利代理公司",
      applicant: "孙七",
      applicationFee: 1300,
      officialFee: 300,
      totalFee: 1600,
      status: "待知产专员审核",
      registeredDate: "2025-01-16",
      invoiceDate: "2025-01-20",
    },
  ]

return (
    <div className="flex-1 space-y-6 p-8">
      <PageHeader title="软著缴费" description="管理软件著作权申请费用的登记、确认、发票上传和审核流程" />

{/* 统计卡片 */}
      <div className="grid gap-4 md:grid-cols-4">
        <Card>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">待处理费用</CardTitle>
            <Clock className="h-4 w-4 text-muted-foreground" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">5</div>
            <p className="text-xs text-muted-foreground">需要处理的缴费项</p>
          </CardContent>
        </Card>
        <Card>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">本月缴费金额</CardTitle>
            <DollarSign className="h-4 w-4 text-muted-foreground" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">¥7,600</div>
            <p className="text-xs text-muted-foreground">较上月增长 8%</p>
          </CardContent>
        </Card>
        <Card>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">待审核发票</CardTitle>
            <FileText className="h-4 w-4 text-muted-foreground" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">2</div>
            <p className="text-xs text-muted-foreground">需要审核的发票</p>
          </CardContent>
        </Card>
        <Card>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">已完成缴费</CardTitle>
            <CheckCircle2 className="h-4 w-4 text-muted-foreground" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">89</div>
            <p className="text-xs text-muted-foreground">累计缴费记录</p>
          </CardContent>
        </Card>
      </div>

{/* 主要内容 */}
      <Card>
        <CardHeader>
          <div className="flex items-center justify-between">
            <div>
              <CardTitle>软著缴费管理</CardTitle>
              <CardDescription>管理合作代理机构和自行委托的软著申请费用</CardDescription>
            </div>
            <Button onClick={() => setShowRegisterDialog(true)}>
              <Upload className="mr-2 h-4 w-4" />
              登记费用
            </Button>
          </div>
        </CardHeader>
        <CardContent>
          <Tabs value={selectedTab} onValueChange={setSelectedTab}>
            <TabsList className="grid w-full grid-cols-2">
              <TabsTrigger value="cooperative">合作代理机构</TabsTrigger>
              <TabsTrigger value="self">自行委托</TabsTrigger>
            </TabsList>

{/* 合作代理机构 */}
            <TabsContent value="cooperative" className="space-y-4">
              <div className="flex items-center gap-4">
                <div className="relative flex-1">
                  <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
                  <Input
                    placeholder="搜索软著名称、登记号、申请人..."
                    value={searchTerm}
                    onChange={(e) => setSearchTerm(e.target.value)}
                    className="pl-10"
                  />
                </div>
                <Select defaultValue="all">
                  <SelectTrigger className="w-[180px]">
                    <SelectValue placeholder="选择状态" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="all">全部状态</SelectItem>
                    <SelectItem value="pending">待负责人确认</SelectItem>
                    <SelectItem value="invoice">待上传发票</SelectItem>
                    <SelectItem value="audit">待知产专员审核</SelectItem>
                    <SelectItem value="completed">已完成</SelectItem>
                  </SelectContent>
                </Select>
              </div>

<div className="rounded-md border">
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead>软著名称</TableHead>
                      <TableHead>登记号</TableHead>
                      <TableHead>代理机构</TableHead>
                      <TableHead>申请人</TableHead>
                      <TableHead>代理费</TableHead>
                      <TableHead>官费</TableHead>
                      <TableHead>合计</TableHead>
                      <TableHead>状态</TableHead>
                      <TableHead>操作</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    {cooperativeCopyrights.map((copyright) => (
                      <TableRow key={copyright.id}>
                        <TableCell className="font-medium">{copyright.copyrightName}</TableCell>
                        <TableCell>{copyright.registrationNumber}</TableCell>
                        <TableCell>{copyright.agency}</TableCell>
                        <TableCell>{copyright.applicant}</TableCell>
                        <TableCell>¥{copyright.applicationFee.toLocaleString()}</TableCell>
                        <TableCell>¥{copyright.officialFee.toLocaleString()}</TableCell>
                        <TableCell className="font-semibold">¥{copyright.totalFee.toLocaleString()}</TableCell>
                        <TableCell>{getStatusBadge(copyright.status)}</TableCell>
                        <TableCell>
                          <div className="flex items-center gap-2">
                            {copyright.status === "待负责人确认" && (
                              <Button variant="outline" size="sm" onClick={() => setShowConfirmDialog(true)}>
                                确认费用
                              </Button>
                            )}
                            {copyright.status === "待上传发票" && (
                              <Button variant="outline" size="sm" onClick={() => setShowInvoiceDialog(true)}>
                                上传发票
                              </Button>
                            )}
                            {copyright.status === "待知产专员审核" && (
                              <Button variant="outline" size="sm" onClick={() => setShowAuditDialog(true)}>
                                审核
                              </Button>
                            )}
                            <Button variant="ghost" size="sm">
                              <FileText className="h-4 w-4" />
                            </Button>
                          </div>
                        </TableCell>
                      </TableRow>
                    ))}
                  </TableBody>
                </Table>
              </div>
            </TabsContent>

{/* 自行委托 */}
            <TabsContent value="self" className="space-y-4">
              <div className="flex items-center gap-4">
                <div className="relative flex-1">
                  <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
                  <Input
                    placeholder="搜索软著名称、登记号、申请人..."
                    value={searchTerm}
                    onChange={(e) => setSearchTerm(e.target.value)}
                    className="pl-10"
                  />
                </div>
                <Select defaultValue="all">
                  <SelectTrigger className="w-[180px]">
                    <SelectValue placeholder="选择状态" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="all">全部状态</SelectItem>
                    <SelectItem value="invoice">待上传发票</SelectItem>
                    <SelectItem value="audit">待知产专员审核</SelectItem>
                    <SelectItem value="completed">已完成</SelectItem>
                  </SelectContent>
                </Select>
              </div>

<div className="rounded-md border">
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead>软著名称</TableHead>
                      <TableHead>登记号</TableHead>
                      <TableHead>代理机构</TableHead>
                      <TableHead>申请人</TableHead>
                      <TableHead>代理费</TableHead>
                      <TableHead>官费</TableHead>
                      <TableHead>合计</TableHead>
                      <TableHead>状态</TableHead>
                      <TableHead>操作</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    {selfCopyrights.map((copyright) => (
                      <TableRow key={copyright.id}>
                        <TableCell className="font-medium">{copyright.copyrightName}</TableCell>
                        <TableCell>{copyright.registrationNumber}</TableCell>
                        <TableCell>{copyright.agency}</TableCell>
                        <TableCell>{copyright.applicant}</TableCell>
                        <TableCell>¥{copyright.applicationFee.toLocaleString()}</TableCell>
                        <TableCell>¥{copyright.officialFee.toLocaleString()}</TableCell>
                        <TableCell className="font-semibold">¥{copyright.totalFee.toLocaleString()}</TableCell>
                        <TableCell>{getStatusBadge(copyright.status)}</TableCell>
                        <TableCell>
                          <div className="flex items-center gap-2">
                            {copyright.status === "待上传发票" && (
                              <Button variant="outline" size="sm" onClick={() => setShowInvoiceDialog(true)}>
                                上传发票
                              </Button>
                            )}
                            {copyright.status === "待知产专员审核" && (
                              <Button variant="outline" size="sm" onClick={() => setShowAuditDialog(true)}>
                                审核
                              </Button>
                            )}
                            <Button variant="ghost" size="sm">
                              <FileText className="h-4 w-4" />
                            </Button>
                          </div>
                        </TableCell>
                      </TableRow>
                    ))}
                  </TableBody>
                </Table>
              </div>
            </TabsContent>
          </Tabs>
        </CardContent>
      </Card>

{/* 登记费用对话框 */}
      <Dialog open={showRegisterDialog} onOpenChange={setShowRegisterDialog}>
        <DialogContent className="max-w-2xl">
          <DialogHeader>
            <DialogTitle>登记软著费用</DialogTitle>
            <DialogDescription>填写软件著作权申请费用信息</DialogDescription>
          </DialogHeader>
          <div className="grid gap-4 py-4">
            <div className="grid gap-2">
              <Label htmlFor="copyright-search">软著信息</Label>
              <Input id="copyright-search" placeholder="搜索软著名称或登记号" />
            </div>
            <div className="grid grid-cols-2 gap-4">
              <div className="grid gap-2">
                <Label htmlFor="agency-fee">代理费用（元）</Label>
                <Input id="agency-fee" type="number" placeholder="输入代理费用" />
              </div>
              <div className="grid gap-2">
                <Label htmlFor="official-fee">官费（元）</Label>
                <Input id="official-fee" type="number" placeholder="输入官费" defaultValue="300" />
              </div>
            </div>
            <div className="grid gap-2">
              <Label htmlFor="remark">费用说明</Label>
              <Textarea id="remark" placeholder="输入费用说明或备注" />
            </div>
            <div className="grid gap-2">
              <Label>附件</Label>
              <div className="flex items-center gap-2">
                <Button variant="outline" size="sm">
                  <Upload className="mr-2 h-4 w-4" />
                  上传费用清单
                </Button>
                <span className="text-sm text-muted-foreground">支持 PDF、图片格式</span>
              </div>
            </div>
          </div>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowRegisterDialog(false)}>
              取消
            </Button>
            <Button onClick={() => setShowRegisterDialog(false)}>提交登记</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>

{/* 确认费用对话框 */}
      <Dialog open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>
        <DialogContent>
          <DialogHeader>
            <DialogTitle>确认费用</DialogTitle>
            <DialogDescription>请核对费用信息是否正确</DialogDescription>
          </DialogHeader>
          <div className="space-y-4 py-4">
            <div className="rounded-lg border p-4 space-y-2">
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">软著名称：</span>
                <span className="text-sm font-medium">智能数据分析系统V1.0</span>
              </div>
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">登记号：</span>
                <span className="text-sm">2025SR012345</span>
              </div>
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">代理机构：</span>
                <span className="text-sm">中知智慧知识产权代理有限公司</span>
              </div>
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">代理费用：</span>
                <span className="text-sm">¥1,200</span>
              </div>
              <div className="flex justify-between">
                <span className="text-sm text-muted-foreground">官费：</span>
                <span className="text-sm">¥300</span>
              </div>
              <div className="flex justify-between border-t pt-2">
                <span className="text-sm font-semibold">合计：</span>
                <span className="text-sm font-semibold text-primary">¥1,500</span>
              </div>
            </div>
            <div className="flex items-start gap-2 rounded-lg bg-amber-50 p-3 text-amber-800">
              <AlertCircle className="h-4 w-4 mt-0.5 flex-shrink-0" />
              <p className="text-sm">确认后将通知代理机构开具发票，请仔细核对费用信息。</p>
            </div>
          </div>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowConfirmDialog(false)}>
              返回修改
            </Button>
            <Button onClick={() => setShowConfirmDialog(false)}>确认费用</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>

{/* 审核对话框 */}
      <Dialog open={showAuditDialog} onOpenChange={setShowAuditDialog}>
        <DialogContent>
          <DialogHeader>
            <DialogTitle>费用审核</DialogTitle>
            <DialogDescription>审核费用和发票信息</DialogDescription>
          </DialogHeader>
          <div className="space-y-4 py-4">
            <div className="rounded-lg border p-4 space-y-3">
              <h4 className="font-medium text-sm">费用信息</h4>
              <div className="grid grid-cols-2 gap-2 text-sm">
                <div>
                  <span className="text-muted-foreground">软著名称：</span>
                  <p className="font-medium">企业资源管理系统V3.0</p>
                </div>
                <div>
                  <span className="text-muted-foreground">登记号：</span>
                  <p>2025SR034567</p>
                </div>
                <div>
                  <span className="text-muted-foreground">代理费用：</span>
                  <p>¥1,500</p>
                </div>
                <div>
                  <span className="text-muted-foreground">官费：</span>
                  <p>¥300</p>
                </div>
              </div>
            </div>
            <div className="rounded-lg border p-4 space-y-2">
              <h4 className="font-medium text-sm">发票信息</h4>
              <div className="grid grid-cols-2 gap-2 text-sm">
                <div>
                  <span className="text-muted-foreground">发票号码：</span>
                  <p>No.87654321</p>
                </div>
                <div>
                  <span className="text-muted-foreground">开票日期：</span>
                  <p>2025-01-22</p>
                </div>
              </div>
              <Button variant="outline" size="sm" className="w-fit bg-transparent">
                <FileText className="mr-2 h-4 w-4" />
                查看发票
              </Button>
            </div>
            <div className="grid gap-2">
              <Label htmlFor="audit-result">审核意见</Label>
              <Select defaultValue="pass">
                <SelectTrigger>
                  <SelectValue />
                </SelectTrigger>
                <SelectContent>
                  <SelectItem value="pass">审核通过</SelectItem>
                  <SelectItem value="reject">审核不通过</SelectItem>
                </SelectContent>
              </Select>
            </div>
            <div className="grid gap-2">
              <Label htmlFor="audit-remark">审核备注</Label>
              <Textarea id="audit-remark" placeholder="输入审核意见或备注" />
            </div>
          </div>
          <DialogFooter>
            <Button variant="outline" onClick={() => setShowAuditDialog(false)}>
              取消
            </Button>
            <Button
              onClick={() => {
                setShowAuditDialog(false)
                alert("审核成功，已生成报销单")
              }}
            >
              提交审核
            </Button>
            <Button variant="outline">
              <Printer className="mr-2 h-4 w-4" />
              打印报销单
            </Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/payment/copyright-fee/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/research/project/apply/page.tsx" isMerged="true"
"use client"

export default function ProjectApplyPage() {
  return (
    <div className="flex h-screen">
      <SidebarNav />
      <div className="flex-1 overflow-y-auto">
        <PageHeader title="项目申报" description="发起新的科研项目申报" />
        <div className="p-8">
          <Card>
            <CardHeader>
              <CardTitle>新建项目申报</CardTitle>
              <CardDescription>请填写项目申报信息，完成后提交审核</CardDescription>
            </CardHeader>
            <CardContent>
              <Tabs defaultValue="basic" className="w-full">
                <TabsList className="grid w-full grid-cols-4">
                  <TabsTrigger value="basic">基本信息</TabsTrigger>
                  <TabsTrigger value="content">研究内容</TabsTrigger>
                  <TabsTrigger value="budget">经费预算</TabsTrigger>
                  <TabsTrigger value="team">团队成员</TabsTrigger>
                </TabsList>

<TabsContent value="basic" className="space-y-4">
                  <div className="grid gap-4 md:grid-cols-2">
                    <div className="space-y-2">
                      <Label htmlFor="projectName">项目名称</Label>
                      <Input id="projectName" placeholder="请输入项目名称" />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="projectType">项目类型</Label>
                      <Select>
                        <SelectTrigger id="projectType">
                          <SelectValue placeholder="选择项目类型" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="national">国家级项目</SelectItem>
                          <SelectItem value="provincial">省部级项目</SelectItem>
                          <SelectItem value="municipal">市级项目</SelectItem>
                          <SelectItem value="university">校级项目</SelectItem>
                          <SelectItem value="horizontal">横向项目</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="projectCategory">项目类别</Label>
                      <Select>
                        <SelectTrigger id="projectCategory">
                          <SelectValue placeholder="选择项目类别" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="nsfc">国家自然科学基金</SelectItem>
                          <SelectItem value="social">国家社会科学基金</SelectItem>
                          <SelectItem value="key">国家重点研发计划</SelectItem>
                          <SelectItem value="youth">青年基金</SelectItem>
                          <SelectItem value="general">面上项目</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="discipline">所属学科</Label>
                      <Select>
                        <SelectTrigger id="discipline">
                          <SelectValue placeholder="选择所属学科" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="computer">计算机科学与技术</SelectItem>
                          <SelectItem value="electronic">电子信息工程</SelectItem>
                          <SelectItem value="automation">自动化</SelectItem>
                          <SelectItem value="material">材料科学</SelectItem>
                          <SelectItem value="physics">物理学</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="startDate">开始时间</Label>
                      <Input id="startDate" type="date" />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="endDate">结束时间</Label>
                      <Input id="endDate" type="date" />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="department">所属院系</Label>
                      <Select>
                        <SelectTrigger id="department">
                          <SelectValue placeholder="选择所属院系" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="cs">计算机学院</SelectItem>
                          <SelectItem value="ee">电子工程学院</SelectItem>
                          <SelectItem value="auto">自动化学院</SelectItem>
                          <SelectItem value="math">数学学院</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="leader">项目负责人</Label>
                      <Input id="leader" placeholder="请输入负责人姓名" />
                    </div>
                  </div>
                </TabsContent>

<TabsContent value="budget" className="space-y-4">
                  <div className="grid gap-4 md:grid-cols-2">
                    <div className="space-y-2">
                      <Label htmlFor="totalBudget">项目总经费（万元）</Label>
                      <Input id="totalBudget" type="number" placeholder="0.00" />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="fundingSource">经费来源</Label>
                      <Select>
                        <SelectTrigger id="fundingSource">
                          <SelectValue placeholder="选择经费来源" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="government">政府拨款</SelectItem>
                          <SelectItem value="enterprise">企业资助</SelectItem>
                          <SelectItem value="university">学校配套</SelectItem>
                          <SelectItem value="mixed">混合资助</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>
                  </div>
                  <div className="space-y-2">
                    <Label>经费预算明细</Label>
                    <div className="rounded-lg border">
                      <table className="w-full">
                        <thead className="border-b bg-muted/50">
                          <tr>
                            <th className="p-3 text-left text-sm font-medium">预算科目</th>
                            <th className="p-3 text-left text-sm font-medium">金额（万元）</th>
                            <th className="p-3 text-left text-sm font-medium">说明</th>
                          </tr>
                        </thead>
                        <tbody>
                          {[
                            { category: "设备费", amount: "0.00", desc: "" },
                            { category: "材料费", amount: "0.00", desc: "" },
                            { category: "测试化验加工费", amount: "0.00", desc: "" },
                            { category: "燃料动力费", amount: "0.00", desc: "" },
                            { category: "差旅费", amount: "0.00", desc: "" },
                            { category: "会议费", amount: "0.00", desc: "" },
                            { category: "国际合作与交流费", amount: "0.00", desc: "" },
                            { category: "出版/文献/信息传播费", amount: "0.00", desc: "" },
                            { category: "劳务费", amount: "0.00", desc: "" },
                            { category: "专家咨询费", amount: "0.00", desc: "" },
                            { category: "其他", amount: "0.00", desc: "" },
                          ].map((item, i) => (
                            <tr key={i} className="border-b">
                              <td className="p-3 text-sm">{item.category}</td>
                              <td className="p-3">
                                <Input type="number" defaultValue={item.amount} className="h-8" />
                              </td>
                              <td className="p-3">
                                <Input defaultValue={item.desc} placeholder="预算说明" className="h-8" />
                              </td>
                            </tr>
                          ))}
                        </tbody>
                      </table>
                    </div>
                  </div>
                </TabsContent>

<TabsContent value="team" className="space-y-4">
                  <div className="space-y-4">
                    <div className="flex items-center justify-between">
                      <Label>团队成员</Label>
                      <Button variant="outline" size="sm">
                        添加成员
                      </Button>
                    </div>
                    <div className="rounded-lg border">
                      <table className="w-full">
                        <thead className="border-b bg-muted/50">
                          <tr>
                            <th className="p-3 text-left text-sm font-medium">姓名</th>
                            <th className="p-3 text-left text-sm font-medium">职称</th>
                            <th className="p-3 text-left text-sm font-medium">所属单位</th>
                            <th className="p-3 text-left text-sm font-medium">在项目中的角色</th>
                            <th className="p-3 text-left text-sm font-medium">分工</th>
                            <th className="p-3 text-left text-sm font-medium">操作</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr className="border-b">
                            <td className="p-3">
                              <Input placeholder="姓名" className="h-8" />
                            </td>
                            <td className="p-3">
                              <Select>
                                <SelectTrigger className="h-8">
                                  <SelectValue placeholder="职称" />
                                </SelectTrigger>
                                <SelectContent>
                                  <SelectItem value="professor">教授</SelectItem>
                                  <SelectItem value="associate">副教授</SelectItem>
                                  <SelectItem value="lecturer">讲师</SelectItem>
                                  <SelectItem value="assistant">助教</SelectItem>
                                </SelectContent>
                              </Select>
                            </td>
                            <td className="p-3">
                              <Input placeholder="所属单位" className="h-8" />
                            </td>
                            <td className="p-3">
                              <Select>
                                <SelectTrigger className="h-8">
                                  <SelectValue placeholder="角色" />
                                </SelectTrigger>
                                <SelectContent>
                                  <SelectItem value="leader">项目负责人</SelectItem>
                                  <SelectItem value="coleader">项目骨干</SelectItem>
                                  <SelectItem value="member">项目成员</SelectItem>
                                </SelectContent>
                              </Select>
                            </td>
                            <td className="p-3">
                              <Input placeholder="工作分工" className="h-8" />
                            </td>
                            <td className="p-3">
                              <Button variant="ghost" size="sm" className="h-8">
                                删除
                              </Button>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </TabsContent>
              </Tabs>

<div className="mt-6 flex justify-end gap-3">
                <Button variant="outline">保存草稿</Button>
                <Button>提交申报</Button>
              </div>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/research/project/list/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { SidebarNav } from "@/components/sidebar-nav"
import { PageHeader } from "@/components/page-header"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Button } from "@/components/ui/button"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Badge } from "@/components/ui/badge"
import { Search, Filter, Eye, Edit, FileText } from "lucide-react"

export default function ProjectListPage() {
  const [searchTerm, setSearchTerm] = useState("")

const projects = [
    {
      id: "2024001",
      name: "基于深度学习的图像识别技术研究",
      type: "国家级项目",
      category: "国家自然科学基金",
      leader: "张教授",
      department: "计算机学院",
      budget: "50.00",
      status: "在研",
      startDate: "2024-01-01",
      endDate: "2026-12-31",
    },
    {
      id: "2024002",
      name: "新能源材料的研发与应用",
      type: "省部级项目",
      category: "省科技计划",
      leader: "李教授",
      department: "材料学院",
      budget: "30.00",
      status: "在研",
      startDate: "2024-03-01",
      endDate: "2025-12-31",
    },
    {
      id: "2023015",
      name: "智能控制系统优化研究",
      type: "校级项目",
      category: "校基金",
      leader: "王副教授",
      department: "自动化学院",
      budget: "10.00",
      status: "结题",
      startDate: "2023-01-01",
      endDate: "2024-12-31",
    },
  ]

const getStatusColor = (status: string) => {
    switch (status) {
      case "在研":
        return "bg-blue-500"
      case "结题":
        return "bg-green-500"
      case "暂停":
        return "bg-yellow-500"
      default:
        return "bg-gray-500"
    }
  }

return (
    <div className="flex h-screen">
      <SidebarNav />
      <div className="flex-1 overflow-y-auto">
        <PageHeader title="项目列表" description="查看和管理科研项目" />
        <div className="p-8">
          <Card>
            <CardHeader>
              <div className="flex items-center justify-between">
                <div>
                  <CardTitle>科研项目</CardTitle>
                  <CardDescription>共 {projects.length} 个项目</CardDescription>
                </div>
                <Button>新建项目</Button>
              </div>
            </CardHeader>
            <CardContent>
              <div className="mb-6 flex gap-4">
                <div className="relative flex-1">
                  <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
                  <Input
                    placeholder="搜索项目名称、负责人..."
                    value={searchTerm}
                    onChange={(e) => setSearchTerm(e.target.value)}
                    className="pl-9"
                  />
                </div>
                <Select>
                  <SelectTrigger className="w-[180px]">
                    <SelectValue placeholder="项目类型" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="all">全部类型</SelectItem>
                    <SelectItem value="national">国家级项目</SelectItem>
                    <SelectItem value="provincial">省部级项目</SelectItem>
                    <SelectItem value="municipal">市级项目</SelectItem>
                    <SelectItem value="university">校级项目</SelectItem>
                  </SelectContent>
                </Select>
                <Select>
                  <SelectTrigger className="w-[180px]">
                    <SelectValue placeholder="项目状态" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="all">全部状态</SelectItem>
                    <SelectItem value="ongoing">在研</SelectItem>
                    <SelectItem value="completed">结题</SelectItem>
                    <SelectItem value="paused">暂停</SelectItem>
                  </SelectContent>
                </Select>
                <Button variant="outline">
                  <Filter className="mr-2 h-4 w-4" />
                  筛选
                </Button>
              </div>

<div className="rounded-lg border">
                <table className="w-full">
                  <thead className="border-b bg-muted/50">
                    <tr>
                      <th className="p-3 text-left text-sm font-medium">项目编号</th>
                      <th className="p-3 text-left text-sm font-medium">项目名称</th>
                      <th className="p-3 text-left text-sm font-medium">项目类型</th>
                      <th className="p-3 text-left text-sm font-medium">负责人</th>
                      <th className="p-3 text-left text-sm font-medium">所属院系</th>
                      <th className="p-3 text-left text-sm font-medium">经费（万元）</th>
                      <th className="p-3 text-left text-sm font-medium">状态</th>
                      <th className="p-3 text-left text-sm font-medium">操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    {projects.map((project) => (
                      <tr key={project.id} className="border-b">
                        <td className="p-3 text-sm">{project.id}</td>
                        <td className="p-3">
                          <div className="font-medium">{project.name}</div>
                          <div className="text-xs text-muted-foreground">{project.category}</div>
                        </td>
                        <td className="p-3 text-sm">{project.type}</td>
                        <td className="p-3 text-sm">{project.leader}</td>
                        <td className="p-3 text-sm">{project.department}</td>
                        <td className="p-3 text-sm">{project.budget}</td>
                        <td className="p-3">
                          <Badge className={getStatusColor(project.status)}>{project.status}</Badge>
                        </td>
                        <td className="p-3">
                          <div className="flex gap-2">
                            <Button variant="ghost" size="sm">
                              <Eye className="h-4 w-4" />
                            </Button>
                            <Button variant="ghost" size="sm">
                              <Edit className="h-4 w-4" />
                            </Button>
                            <Button variant="ghost" size="sm">
                              <FileText className="h-4 w-4" />
                            </Button>
                          </div>
                        </td>
                      </tr>
                    ))}
                  </tbody>
                </table>
              </div>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/research/project/list/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/research/project/change/page.tsx" isMerged="true"
"use client"

export default function ProjectChangePage() {
  const changes = [
    {
      id: "C2024001",
      projectName: "基于深度学习的图像识别技术研究",
      changeType: "延期申请",
      applicant: "张教授",
      submitDate: "2024-11-20",
      status: "审核中",
    },
    {
      id: "C2024002",
      projectName: "新能源材料的研发与应用",
      changeType: "经费调整",
      applicant: "李教授",
      submitDate: "2024-11-15",
      status: "已通过",
    },
  ]

const getStatusColor = (status: string) => {
    switch (status) {
      case "审核中":
        return "bg-yellow-500"
      case "已通过":
        return "bg-green-500"
      case "已驳回":
        return "bg-red-500"
      default:
        return "bg-gray-500"
    }
  }

return (
    <div className="flex h-screen">
      <SidebarNav />
      <div className="flex-1 overflow-y-auto">
        <PageHeader title="项目变更" description="管理科研项目变更申请" />
        <div className="p-8">
          <Card>
            <CardHeader>
              <div className="flex items-center justify-between">
                <div>
                  <CardTitle>项目变更记录</CardTitle>
                  <CardDescription>共 {changes.length} 条变更申请</CardDescription>
                </div>
                <Button>新建变更申请</Button>
              </div>
            </CardHeader>
            <CardContent>
              <div className="rounded-lg border">
                <table className="w-full">
                  <thead className="border-b bg-muted/50">
                    <tr>
                      <th className="p-3 text-left text-sm font-medium">变更编号</th>
                      <th className="p-3 text-left text-sm font-medium">项目名称</th>
                      <th className="p-3 text-left text-sm font-medium">变更类型</th>
                      <th className="p-3 text-left text-sm font-medium">申请人</th>
                      <th className="p-3 text-left text-sm font-medium">提交时间</th>
                      <th className="p-3 text-left text-sm font-medium">状态</th>
                      <th className="p-3 text-left text-sm font-medium">操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    {changes.map((change) => (
                      <tr key={change.id} className="border-b">
                        <td className="p-3 text-sm">{change.id}</td>
                        <td className="p-3 font-medium">{change.projectName}</td>
                        <td className="p-3 text-sm">{change.changeType}</td>
                        <td className="p-3 text-sm">{change.applicant}</td>
                        <td className="p-3 text-sm">{change.submitDate}</td>
                        <td className="p-3">
                          <Badge className={getStatusColor(change.status)}>{change.status}</Badge>
                        </td>
                        <td className="p-3">
                          <div className="flex gap-2">
                            <Button variant="ghost" size="sm">
                              <Eye className="h-4 w-4" />
                            </Button>
                            <Button variant="ghost" size="sm">
                              <Edit className="h-4 w-4" />
                            </Button>
                          </div>
                        </td>
                      </tr>
                    ))}
                  </tbody>
                </table>
              </div>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/research/project/conclusion/page.tsx" isMerged="true"
"use client"

export default function ProjectConclusionPage() {
  const conclusions = [
    {
      id: "2023015",
      name: "智能控制系统优化研究",
      leader: "王副教授",
      department: "自动化学院",
      endDate: "2024-12-31",
      status: "待结题",
    },
    {
      id: "2022008",
      name: "大数据分析平台设计与实现",
      leader: "刘教授",
      department: "计算机学院",
      endDate: "2024-06-30",
      status: "已结题",
    },
  ]

const getStatusColor = (status: string) => {
    switch (status) {
      case "待结题":
        return "bg-yellow-500"
      case "已结题":
        return "bg-green-500"
      default:
        return "bg-gray-500"
    }
  }

return (
    <div className="flex h-screen">
      <SidebarNav />
      <div className="flex-1 overflow-y-auto">
        <PageHeader title="项目结题" description="管理科研项目结题流程" />
        <div className="p-8">
          <Card>
            <CardHeader>
              <div className="flex items-center justify-between">
                <div>
                  <CardTitle>项目结题管理</CardTitle>
                  <CardDescription>共 {conclusions.length} 个项目</CardDescription>
                </div>
                <Button>提交结题申请</Button>
              </div>
            </CardHeader>
            <CardContent>
              <div className="rounded-lg border">
                <table className="w-full">
                  <thead className="border-b bg-muted/50">
                    <tr>
                      <th className="p-3 text-left text-sm font-medium">项目编号</th>
                      <th className="p-3 text-left text-sm font-medium">项目名称</th>
                      <th className="p-3 text-left text-sm font-medium">负责人</th>
                      <th className="p-3 text-left text-sm font-medium">所属院系</th>
                      <th className="p-3 text-left text-sm font-medium">结束时间</th>
                      <th className="p-3 text-left text-sm font-medium">状态</th>
                      <th className="p-3 text-left text-sm font-medium">操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    {conclusions.map((item) => (
                      <tr key={item.id} className="border-b">
                        <td className="p-3 text-sm">{item.id}</td>
                        <td className="p-3 font-medium">{item.name}</td>
                        <td className="p-3 text-sm">{item.leader}</td>
                        <td className="p-3 text-sm">{item.department}</td>
                        <td className="p-3 text-sm">{item.endDate}</td>
                        <td className="p-3">
                          <Badge className={getStatusColor(item.status)}>{item.status}</Badge>
                        </td>
                        <td className="p-3">
                          <div className="flex gap-2">
                            <Button variant="ghost" size="sm">
                              <Eye className="h-4 w-4" />
                            </Button>
                            <Button variant="ghost" size="sm">
                              <FileText className="h-4 w-4" />
                            </Button>
                            {item.status === "待结题" && (
                              <Button variant="ghost" size="sm">
                                <CheckCircle className="h-4 w-4" />
                              </Button>
                            )}
                          </div>
                        </td>
                      </tr>
                    ))}
                  </tbody>
                </table>
              </div>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/research/project/statistics/page.tsx" isMerged="true"
"use client"

import { SidebarNav } from "@/components/sidebar-nav"
import { PageHeader } from "@/components/page-header"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import {
  BarChart,
  Bar,
  LineChart,
  Line,
  PieChart,
  Pie,
  Cell,
  XAxis,
  YAxis,
  CartesianGrid,
  Tooltip,
  Legend,
  ResponsiveContainer,
} from "recharts"

export default function ProjectStatisticsPage() {
  const projectTypeData = [
    { name: "国家级", value: 45 },
    { name: "省部级", value: 68 },
    { name: "市级", value: 32 },
    { name: "校级", value: 156 },
  ]

const projectTrendData = [
    { month: "1月", count: 12 },
    { month: "2月", count: 15 },
    { month: "3月", count: 18 },
    { month: "4月", count: 22 },
    { month: "5月", count: 20 },
    { month: "6月", count: 25 },
  ]

const budgetData = [
    { department: "计算机学院", budget: 850 },
    { department: "材料学院", budget: 720 },
    { department: "自动化学院", budget: 560 },
    { department: "数学学院", budget: 380 },
    { department: "物理学院", budget: 450 },
  ]

const COLORS = ["#0088FE", "#00C49F", "#FFBB28", "#FF8042"]

return (
    <div className="flex h-screen">
      <SidebarNav />
      <div className="flex-1 overflow-y-auto">
        <PageHeader title="项目统计" description="科研项目数据统计与分析" />
        <div className="p-8">
          <div className="mb-6 grid gap-6 md:grid-cols-2 lg:grid-cols-4">
            <Card>
              <CardHeader className="pb-3">
                <CardDescription>项目总数</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="text-3xl font-bold">301</div>
                <p className="text-xs text-muted-foreground">较上年 +12.5%</p>
              </CardContent>
            </Card>
            <Card>
              <CardHeader className="pb-3">
                <CardDescription>在研项目</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="text-3xl font-bold">156</div>
                <p className="text-xs text-muted-foreground">占比 51.8%</p>
              </CardContent>
            </Card>
            <Card>
              <CardHeader className="pb-3">
                <CardDescription>总经费（万元）</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="text-3xl font-bold">2,960</div>
                <p className="text-xs text-muted-foreground">较上年 +18.3%</p>
              </CardContent>
            </Card>
            <Card>
              <CardHeader className="pb-3">
                <CardDescription>参与人数</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="text-3xl font-bold">458</div>
                <p className="text-xs text-muted-foreground">覆盖 12 个院系</p>
              </CardContent>
            </Card>
          </div>

<div className="grid gap-6 lg:grid-cols-2">
            <Card>
              <CardHeader>
                <CardTitle>项目类型分布</CardTitle>
                <CardDescription>各级别项目数量统计</CardDescription>
              </CardHeader>
              <CardContent>
                <ResponsiveContainer width="100%" height={300}>
                  <PieChart>
                    <Pie
                      data={projectTypeData}
                      cx="50%"
                      cy="50%"
                      labelLine={false}
                      label={({ name, percent }) => `${name} ${(percent * 100).toFixed(0)}%`}
                      outerRadius={80}
                      fill="#8884d8"
                      dataKey="value"
                    >
                      {projectTypeData.map((entry, index) => (
                        <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />
                      ))}
                    </Pie>
                    <Tooltip />
                  </PieChart>
                </ResponsiveContainer>
              </CardContent>
            </Card>

<Card>
              <CardHeader>
                <CardTitle>项目申报趋势</CardTitle>
                <CardDescription>近6个月项目申报数量</CardDescription>
              </CardHeader>
              <CardContent>
                <ResponsiveContainer width="100%" height={300}>
                  <LineChart data={projectTrendData}>
                    <CartesianGrid strokeDasharray="3 3" />
                    <XAxis dataKey="month" />
                    <YAxis />
                    <Tooltip />
                    <Legend />
                    <Line type="monotone" dataKey="count" stroke="#8884d8" name="项目数" />
                  </LineChart>
                </ResponsiveContainer>
              </CardContent>
            </Card>

<Card className="lg:col-span-2">
              <CardHeader>
                <CardTitle>各院系经费分布</CardTitle>
                <CardDescription>各院系科研经费统计（单位：万元）</CardDescription>
              </CardHeader>
              <CardContent>
                <ResponsiveContainer width="100%" height={300}>
                  <BarChart data={budgetData}>
                    <CartesianGrid strokeDasharray="3 3" />
                    <XAxis dataKey="department" />
                    <YAxis />
                    <Tooltip />
                    <Legend />
                    <Bar dataKey="budget" fill="#8884d8" name="经费" />
                  </BarChart>
                </ResponsiveContainer>
              </CardContent>
            </Card>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/research/fund/budget/page.tsx" isMerged="true"
"use client"