新页面

src/pages/user-batch-publish/index.less

@@ -2,6 +2,8 @@
 @import '@/styles/variables.less';
 
 .page-biz-service {
+  padding-bottom: 200px;
+
   &__tabs {
     --tabs-active-color: @blHighlightColor;
     --tabs-nav-background-color: #fff;
@@ -48,5 +50,15 @@
         padding-top: 20px;
       }
     }
+
+    &-btn-group {
+      .flex-row();
+      justify-content: center;
+      margin-top: 40px;
+    }
+
+    &-btn {
+      .button(@height: 72px; @width: 384px; @fontSize: 28px; @fontWeight: 400; @borderRadius: 44px; @highlight: 0);
+    }
   }
 }

src/pages/user-batch-publish/index.tsx

@@ -1,20 +1,37 @@
-import { Tabs } from '@taroify/core';
+import { useShareAppMessage } from '@tarojs/taro';
+import { Button, Tabs } from '@taroify/core';
+import { useCallback } from 'react';
 
 import HomePage from '@/components/home-page';
+import SearchCity from '@/components/search-city';
 import UserBatchPublish from '@/components/user-batch-publish';
-import { logWithPrefix } from '@/utils/common';
-
+import { GROUPS } from '@/constants/group';
+import { openCustomerServiceChat } from '@/utils/common';
+import { getCurrentCityCode } from '@/utils/location';
+import { getCommonShareMessage } from '@/utils/share';
 import './index.less';
 
 const PREFIX = 'page-biz-service';
-const log = logWithPrefix(PREFIX);
 
 export default function BizService() {
+  const handleOpenService = useCallback(() => {
+    openCustomerServiceChat('https://work.weixin.qq.com/kfid/kfc4fcf6b109b3771d7');
+  }, []);
+  const handleSelectCity = useCallback(cityCode => {
+    const group = GROUPS.find(g => String(g.cityCode) === cityCode);
+    if (group) {
+      openCustomerServiceChat(group.serviceUrl);
+    }
+  }, []);
+  useShareAppMessage(() => getCommonShareMessage());
+
   return (
     <HomePage>
       <div className={PREFIX}>
         <Tabs className={`${PREFIX}__tabs`} defaultValue={1}>
-          <Tabs.TabPane value={0} title="主播群"></Tabs.TabPane>
+          <Tabs.TabPane value={0} title="主播群">
+            <SearchCity onSelectCity={handleSelectCity} currentCity={getCurrentCityCode()} forGroup offset={72} />
+          </Tabs.TabPane>
           <Tabs.TabPane value={1} title="群代发">
             <UserBatchPublish />
           </Tabs.TabPane>
@@ -35,6 +52,11 @@ export default function BizService() {
                 <div className={`${PREFIX}__recruitment-body`}>
                   我们在每个城市均有数量众多的主播群，少则几十个，多则上千个，有各种类型和层次的带货主播资源
                 </div>
+                <div className={`${PREFIX}__recruitment-btn-group`}>
+                  <Button className={`${PREFIX}__recruitment-btn`} onClick={handleOpenService}>
+                    点此咨询
+                  </Button>
+                </div>
               </div>
             </div>
           </Tabs.TabPane>