feat(contact): 重构“联系我们”页面及表单交互体验

- 重新设计页面布局，增加顶部横幅及联系方式版块
- 优化在线咨询表单，增加字段并调整样式和验证规则
- 替换旧的提交逻辑为新异步模拟提交，提示更友好
- 移除旧二维码和联系卡片，增加温馨提示信息
- 添加详细样式，提升页面视觉效果和响应式布局
- 更新会员服务联系信息区，增加按钮链接和服务时间
- 会员服务列表使用模拟数据，支持按类型过滤展示
- 登录页左侧风格调整，突出广西决策咨询中心品牌形象
- 修改数值统计及底部版权声明，更新背景渐变颜色和按钮样式

app/pages/membership/index.vue

@@ -38,10 +38,25 @@
     <div class="contact-section">
       <h2>联系我们</h2>
       <p>如有疑问或需要帮助，请随时与我们联系</p>
-      <a-space size="large">
-        <span>📞 联系电话：0771-1234567</span>
-        <span>📧 邮箱：service@jczxw.org</span>
+      <a-space size="large" direction="vertical">
+        <a-space size="large">
+          <span>📞</span>
+          <span>联系电话：0771-5386339</span>
+        </a-space>
+        <a-space size="large">
+          <span>📧</span>
+          <span>咨询邮箱：gxjzxzx@126.com</span>
+        </a-space>
+        <a-space size="large">
+          <span>⏰</span>
+          <span>服务时间：周一至周五 9:00-17:00</span>
+        </a-space>
       </a-space>
+      <div style="margin-top: 20px;">
+        <a-button type="primary" size="large" @click="navigateTo('/about/consultation')">
+          了解咨询服务详情 →
+        </a-button>
+      </div>
     </div>
   </div>
 </template>
@@ -51,16 +66,69 @@ import { message } from 'ant-design-vue'
 
 useHead({ title: '会员服务 - 决策咨询网' })
 
-const router = useRouter()
-
 const activeType = ref((useRoute().query.type as string) || '')
 const loading = ref(false)
 const services = ref<any[]>([])
 
+const mockServices = [
+  {
+    id: 1,
+    type: 'consult',
+    icon: '🏢',
+    title: '企业决策咨询',
+    description: '为企业提供战略规划、政策解读、市场分析等专业决策咨询服务，助力企业把握发展机遇。',
+    tags: ['企业咨询', '战略规划'],
+  },
+  {
+    id: 2,
+    type: 'service',
+    icon: '📊',
+    title: '专题研究报告',
+    description: '提供行业专题研究、政策分析报告、区域发展研究等专业研究成果。',
+    tags: ['研究报告', '深度分析'],
+  },
+  {
+    id: 3,
+    type: 'consult',
+    icon: '🎯',
+    title: '政策合规指导',
+    description: '协助企业理解最新政策法规，确保企业运营符合政策要求，规避合规风险。',
+    tags: ['政策合规', '风险规避'],
+  },
+  {
+    id: 4,
+    type: 'service',
+    icon: '📋',
+    title: '专家论证会',
+    description: '组织相关领域专家为企业重大决策提供专业论证和咨询建议。',
+    tags: ['专家论证', '专业咨询'],
+  },
+  {
+    id: 5,
+    type: 'service',
+    icon: '🌐',
+    title: '数据服务',
+    description: '提供决策所需的经济数据、行业数据、区域数据等专业数据服务（仅限会员）。',
+    tags: ['数据服务', '会员专享'],
+  },
+  {
+    id: 6,
+    type: 'consult',
+    icon: '💼',
+    title: '培训与讲座',
+    description: '为企业及个人提供政策解读、决策方法等专题培训和讲座服务。',
+    tags: ['培训讲座', '能力提升'],
+  },
+]
+
 async function loadServices() {
   loading.value = true
   try {
-    // TODO: 接入实际API
+    // TODO: 接入实际API获取会员服务列表
+    // 暂时使用模拟数据
+    await new Promise(resolve => setTimeout(resolve, 300))
+    const type = activeType.value
+    services.value = type ? mockServices.filter(s => s.type === type) : mockServices
   } catch (e: any) {
     message.error('加载失败')
   } finally {
@@ -73,7 +141,7 @@ function handleTypeChange() {
 }
 
 function handleView(service: any) {
-  router.push(`/membership/${service.id}`)
+  message.info(`服务「${service.title}」详情页开发中，请联系工作人员获取更多信息`)
 }
 
 onMounted(() => {