feat: multi-module iteration

2026-08-04 21:38:49 +08:00
parent 9d96c73246
commit 71f508e02b
1366 changed files with 202004 additions and 0 deletions
@@ -0,0 +1,35 @@
+import { useNavigate } from 'react-router-dom';
+import SubPageHeader from '../components/SubPageHeader';
+import { CUSTOMER_SERVICE_PHONE, openWecomCustomerService } from '../lib/customer-service';
+import { track } from '../lib/analytics';
+
+export default function CustomerServicePage() {
+  const navigate = useNavigate();
+  const tel = CUSTOMER_SERVICE_PHONE.replace(/-/g, '');
+
+  function openOnline() {
+    track('cs_contact', { type: 'wecom_kf' });
+    openWecomCustomerService();
+  }
+
+  return (
+    <div className="customer-service-page customer-service-page--oa">
+      <SubPageHeader title="在线客服" onBack={() => navigate(-1)} />
+
+      <div className="customer-service-oa-body">
+        <p className="customer-service-wecom-title">杜康好客客服</p>
+        <p className="customer-service-wecom-hint">点击下方按钮，在微信内进入在线客服会话</p>
+
+        <button type="button" className="customer-service-wecom-btn" onClick={openOnline}>
+          <span className="material-symbols-outlined">headset_mic</span>
+          联系在线客服
+        </button>
+
+        <a className="customer-service-phone-link" href={`tel:${tel}`}>
+          <span className="material-symbols-outlined">call</span>
+          或拨打客服电话 {CUSTOMER_SERVICE_PHONE}
+        </a>
+      </div>
+    </div>
+  );
+}