首页和设置会员页，购买页的协议

src/views/Home.vue

@@ -431,8 +431,8 @@
         <div class="home-footer__col">
           <h5>其他信息</h5>
           <ul>
-            <li>隐私协议</li>
-            <li>服务条款</li>
+            <li @click="openAgreement('hf8375i8')" style="cursor: pointer;">隐私协议</li>
+            <li @click="openAgreement('ae8065i3')" style="cursor: pointer;">会员服务协议</li>
           </ul>
         </div>
       </div>
@@ -440,6 +440,9 @@
         <p>©2016-2026 - 广州油梨信息科技有限公司 版权所有</p>
       </div>
     </footer>
+
+    <!-- 隐私协议预览弹窗 -->
+    <AgreementPreviewDialog v-model="showPrivacyDialog" :code="agreementCode" />
   </div>
 </template>
 
@@ -451,6 +454,7 @@ import avatarImg from '@/assets/images/home/avatar-temporary.png'
 import IndustrySelector from '@/components/tools/IndustrySelector.vue'
 import RegionSelector from '@/components/tools/RegionSelector.vue'
 import JobCategorySelector from '@/components/tools/JobCategorySelector.vue'
+import AgreementPreviewDialog from '@/components/tools/AgreementPreviewDialog.vue'
 
 /** 路由实例 */
 const router = useRouter()
@@ -570,4 +574,15 @@ onMounted(() => {
 function handleLoginClick() {
   store.dispatch('openLogin', '/jobs')
 }
+
+/** 隐私协议弹窗显示状态 */
+const showPrivacyDialog = ref(false)
+/** 当前要预览的协议码 */
+const agreementCode = ref('')
+
+/** 打开协议预览弹窗 */
+function openAgreement(code: string) {
+  agreementCode.value = code
+  showPrivacyDialog.value = true
+}
 </script>