小程序修改

apps/mini-user/src/pages/customer-service/index.tsx

@@ -1,46 +1,30 @@
 import { View, Text } from '@tarojs/components';
 import Taro from '@tarojs/taro';
+import { CUSTOMER_SERVICE_PHONE } from '@dukang/shared-types';
 import PageShell from '../../components/PageShell';
 import SubPageHeader from '../../components/SubPageHeader';
 import { toast } from '../../lib/api';
 
-const QUICK = ['如何核销权益？', '订单多久发货？', '如何修改地址？', '联系人工客服'];
+const DIAL_PHONE = CUSTOMER_SERVICE_PHONE.replace(/-/g, '');
 
 export default function CustomerServicePage() {
   return (
     <PageShell variant="sub" className="cs-page">
       <SubPageHeader title="联系客服" />
-      <View className="sub-page-body inset-page">
-        <View className="cs-bubble cs-bubble--bot">
-          <Text>您好，我是杜康好客小助手。请问有什么可以帮您？</Text>
+      <View className="sub-page-body inset-page cs-body">
+        <Text className="cs-title">客服热线</Text>
+        <Text className="cs-phone">{CUSTOMER_SERVICE_PHONE}</Text>
+        <Text className="cs-hint">工作时间：9:00 - 21:00</Text>
+        <View
+          className="cs-call-btn"
+          onClick={() => {
+            Taro.makePhoneCall({ phoneNumber: DIAL_PHONE }).catch(() =>
+              toast('无法拨打电话'),
+            );
+          }}
+        >
+          <Text>拨打客服电话</Text>
         </View>
-        <View className="cs-bubble cs-bubble--user">
-          <Text>我想了解好客权益怎么用</Text>
-        </View>
-        <View className="cs-bubble cs-bubble--bot">
-          <Text>
-            购酒后获得的好客权益可在签约门店到店核销。进入「好客权益」选择可用券，输入金额生成核销码即可。
-          </Text>
-        </View>
-      </View>
-      <View className="cs-quick">
-        {QUICK.map((q) => (
-          <Text
-            key={q}
-            className="cs-quick-item"
-            onClick={() => {
-              if (q === '联系人工客服') {
-                Taro.makePhoneCall({ phoneNumber: '4008000000' }).catch(() =>
-                  toast('客服热线后续配置'),
-                );
-              } else {
-                toast(q);
-              }
-            }}
-          >
-            {q}
-          </Text>
-        ))}
       </View>
     </PageShell>
   );