测试完成

WXL (wul)

5 天以前 5319d5b95497b5b546947ac340c14c71e5b54ca6

 src/views/knowledge/article/index.vue

@@ -212,68 +212,105 @@
      // 总条数
      total: 0,
      // 文章表格数据
      articleList: [
        {
          id: 1,
          title: "如何提高前端开发效率",
          category: "1",
          coverImage: "https://pic.rmb.bdstatic.com/bjh/news/5e5f1b3e7b1a8a7f8a3d6a7d3a6a7d3a.jpeg",
          author: "张三",
          publishTime: "2023-05-10 09:30:00",
          views: 1250,
          status: "1",
          summary: "本文介绍了几种提高前端开发效率的方法和工具",
          content: "<p>前端开发效率的提升对于项目进度至关重要...</p>"
        },
        {
          id: 2,
          title: "Vue3新特性解析",
          category: "2",
          coverImage: "https://pic.rmb.bdstatic.com/bjh/news/8e5f1b3e7b1a8a7f8a3d6a7d3a6a7d3a.jpeg",
          author: "李四",
          publishTime: "2023-05-15 14:20:00",
          views: 3200,
          status: "1",
          summary: "详细解析Vue3的新特性和使用场景",
          content: "<p>Vue3带来了许多令人兴奋的新特性...</p>"
        },
        {
          id: 3,
          title: "Element UI使用技巧",
          category: "3",
          coverImage: "https://pic.rmb.bdstatic.com/bjh/news/9e5f1b3e7b1a8a7f8a3d6a7d3a6a7d3a.jpeg",
          author: "王五",
          publishTime: "2023-05-20 10:15:00",
          views: 890,
          status: "0",
          summary: "分享一些Element UI的高级使用技巧",
          content: "<p>Element UI作为流行的UI框架，有许多实用技巧...</p>"
        },
        {
          id: 4,
          title: "前端性能优化指南",
          category: "1",
          coverImage: "https://pic.rmb.bdstatic.com/bjh/news/7e5f1b3e7b1a8a7f8a3d6a7d3a6a7d3a.jpeg",
          author: "赵六",
          publishTime: "2023-05-25 16:45:00",
          views: 4500,
          status: "1",
          summary: "全面的前端性能优化方法和实践",
          content: "<p>性能优化是前端开发中永恒的话题...</p>"
        },
        {
          id: 5,
          title: "TypeScript入门教程",
          category: "2",
          coverImage: "https://pic.rmb.bdstatic.com/bjh/news/6e5f1b3e7b1a8a7f8a3d6a7d3a6a7d3a.jpeg",
          author: "钱七",
          publishTime: "2023-06-01 11:10:00",
          views: 2100,
          status: "1",
          summary: "从零开始学习TypeScript",
          content: "<p>TypeScript作为JavaScript的超集越来越受欢迎...</p>"
        }
      ],
     // 替换原有的articleList数据
articleList: [
  {
    id: 1,
    title: "糖尿病管理新进展：个性化治疗方案的研究与应用",
    category: "1",
    coverImage: "https://example.com/images/diabetes-management.jpg",
    author: "李成白",
    publishTime: "2024-11-15 09:30:00",
    views: 3250,
    status: "1",
    summary: "本文综述了近年来糖尿病个性化治疗的最新研究成果，重点分析了基于患者基因特征的定制化治疗方案。",
    content: "<p>随着精准医疗的发展，糖尿病治疗正从标准化向个性化转变...</p>"
  },
  {
    id: 2,
    title: "心血管疾病预防：从风险评估到早期干预",
    category: "2",
    coverImage: "https://example.com/images/cardiovascular-prevention.jpg",
    author: "刘翊惠",
    publishTime: "2024-11-10 14:20:00",
    views: 4280,
    status: "1",
    summary: "探讨心血管疾病的新型风险评估工具和早期干预策略，为临床实践提供指导。",
    content: "<p>心血管疾病仍然是全球主要的死亡原因，早期预防至关重要...</p>"
  },
  {
    id: 3,
    title: "肿瘤免疫治疗的不良反应管理与应对策略",
    category: "3",
    coverImage: "https://example.com/images/immunotherapy-side-effects.jpg",
    author: "张孟涵",
    publishTime: "2024-11-05 10:15:00",
    views: 2890,
    status: "0",
    summary: "系统分析免疫检查点抑制剂治疗中常见的不良反应及其临床管理方案。",
    content: "<p>免疫治疗为肿瘤患者带来希望，但其独特的不良反应需要特别关注...</p>"
  },
  {
    id: 4,
    title: "人工智能在医学影像诊断中的应用与挑战",
    category: "4",
    coverImage: "https://example.com/images/ai-medical-imaging.jpg",
    author: "吴思翰",
    publishTime: "2024-10-28 16:45:00",
    views: 5120,
    status: "1",
    summary: "回顾AI技术在CT、MRI等医学影像分析中的最新进展及临床应用价值。",
    content: "<p>人工智能技术正在重塑医学影像诊断的格局...</p>"
  },
  {
    id: 5,
    title: "慢性疼痛的药物治疗与非药物干预综合管理",
    category: "1",
    coverImage: "https://example.com/images/chronic-pain-management.jpg",
    author: "陈政倩",
    publishTime: "2024-10-22 11:10:00",
    views: 1950,
    status: "1",
    summary: "基于循证医学证据，提出慢性疼痛的综合管理方案，平衡疗效与安全性。",
    content: "<p>慢性疼痛严重影响患者生活质量，需要多模式综合治疗...</p>"
  },
  {
    id: 6,
    title: "儿科呼吸道感染的诊疗规范更新解读",
    category: "2",
    coverImage: "https://example.com/images/pediatric-respiratory.jpg",
    author: "邓诗涵",
    publishTime: "2024-10-18 13:25:00",
    views: 3670,
    status: "1",
    summary: "结合最新临床指南，详细解读儿童呼吸道感染的诊断标准和治疗原则。",
    content: "<p>儿童呼吸道感染是儿科常见病，规范诊疗对预后至关重要...</p>"
  },
  {
    id: 7,
    title: "精神卫生数字疗法的现状与未来发展",
    category: "3",
    coverImage: "https://example.com/images/digital-mental-health.jpg",
    author: "黄盛玫",
    publishTime: "2024-10-12 15:30:00",
    views: 2430,
    status: "2",
    summary: "探讨数字技术在精神心理疾病治疗中的应用前景和面临的挑战。",
    content: "<p>数字疗法为精神卫生领域带来了新的治疗模式...</p>"
  },
  {
    id: 8,
    title: "老年综合评估在临床实践中的实施路径",
    category: "4",
    coverImage: "https://example.com/images/geriatric-assessment.jpg",
    author: "王恩龙",
    publishTime: "2024-10-05 08:45:00",
    views: 1780,
    status: "1",
    summary: "系统介绍老年综合评估的多维度内容及其在老年患者管理中的价值。",
    content: "<p>随着人口老龄化，老年综合评估成为老年医学的重要工具...</p>"
  }
],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
@@ -308,10 +345,10 @@
      },
      // 文章分类选项
      categoryOptions: [
        { value: "1", label: "技术文章" },
        { value: "2", label: "教程指南" },
        { value: "3", label: "经验分享" },
        { value: "4", label: "行业资讯" }
        { value: "1", label: "临床研究" },
  { value: "2", label: "诊疗指南" },
  { value: "3", label: "药物进展" },
  { value: "4", label: "技术前沿" }
      ],
      // 状态选项
      statusOptions: [