feat: 绩效模块重构 + UI 统一样式 + 标题联动

- 新增绩效模块(季度考核表,目标/完成/权重/评分,localStorage)
- 产品模块增加版本迭代/产品运营双Tab
- 方案模块Tab改为下划线样式
- 顶部标题随模块切换联动更新
- OPC来信弹窗恢复并采用信件样式排版
- 费用模块移入业务顶部Tab(平台费用)
- 侧边栏:项目→业务,台账→Focus,新增绩效
- 顶部品牌区增加版本号显示v1.0.0.2

static/modules/products.js

@@ -187,8 +187,13 @@ function renderProducts() {
     return productSort.dir > 0 ? '<i data-lucide="chevron-up" style="width:12px;height:12px"></i>' : '<i data-lucide="chevron-down" style="width:12px;height:12px"></i>';
   };
   const sortTh = (f, label, extra='') => `<th class="px-3 py-2.5 font-semibold align-middle whitespace-nowrap cursor-pointer hover:text-blue-600 select-none" onclick="sortProducts('${f}')"><span class="inline-flex items-center gap-1">${label}${sortIcon(f)}</span>${extra}</th>`;
+  const tab = state.productTab || 'version';
+  const tabs = `<div class="finance-tabs" style="padding:0;border-bottom:1px solid #e2e8f0"><button onclick="switchProductTab('version')" class="finance-tab${tab==='version'?' active':''}" style="font-size:14px;font-weight:600">版本迭代</button><button onclick="switchProductTab('ops')" class="finance-tab${tab==='ops'?' active':''}" style="font-size:14px;font-weight:600">产品运营</button></div>`;
+
   document.querySelector("#products").innerHTML = `
     <div class="grid gap-4">
+      ${tabs}
+      ${tab === 'version' ? `
       <div class="flex justify-end">
         <button class="btn btn-primary btn-sm" onclick="openProductDrawer()"><i data-lucide="plus"></i>新增产品版本</button>
       </div>
@@ -230,6 +235,7 @@ function renderProducts() {
       </div>
     </div>
     <aside id="productDrawer" class="task-drawer"></aside>
+      ` : `<section class="card p-6 max-w-4xl"><p class="text-slate-700 leading-relaxed mb-4"><strong>和内部联动，真正快速做实交付很重要</strong></p><ol class="list-decimal list-inside space-y-3 text-slate-600 leading-relaxed"><li>门店的大屏幕，要上，一个视频拍摄出来，然后在几百家门店同步轮巡播放，还是很震撼的</li><li>拍摄的内容，按病种整理成不同的专区，然后以 H5 或者小程序的形式，在门店科普教育，患者群，企业微信推送下去</li><li>同理，在保险的理赔环节，报案环节推送下去，而不是只是挂一个 H5 的专区</li><li>和门店、医生联动，把患者群都建立起来，把群的数量建起来</li><li>用源泉把患者的档案都建立起来，真正的有档案沉淀，AI 推送沉淀</li><li>用 AI + 人工，把随访量也都弄起来</li><li>对应的运营活动，还有排行版，在有一定量以后，要逐步的做起来，包括科普的排行版，科普的明星医生等等</li></ol><hr class="my-6 border-slate-200"><p class="text-slate-700 font-semibold leading-relaxed">要形成一份专门的报告，真正的证明我们科普和患者管理的价值</p></section>`}
   `;
   if (window.lucide) window.lucide.createIcons();
 }
@@ -342,3 +348,8 @@ window.cyclePriority = async (id) => {
     renderProducts();
   } catch (e) { toast("更新失败：" + e.message, "error"); }
 };
+
+window.switchProductTab = (v) => {
+  state.productTab = v;
+  renderProducts();
+};