cpzs-frontend-new/src/views/UserAgreement.vue

<template>
  <div class="user-agreement-page">
    <el-page-header @back="goBack" content="用户协议">
      <template #title>
        <span>返回</span>
      </template>
    </el-page-header>
    <el-card class="agreement-content-card">
      <div class="agreement-content">
        <h4>欢迎使用《精彩猪手》数据服务！</h4>
        <p>&emsp;&emsp;在开始使用我们的服务之前，请您（用户）仔细阅读并充分理解本《用户服务协议》（以下简称 "本协议"）的全部内容。本协议是您（用户）与西安精彩数据服务社之间关于使用本服务的法律协议，一旦您（用户）使用本服务，即表示您（用户）已同意接受本协议的约束。如果您（用户）不同意本协议的任何条款，请不要使用本服务。</p>

        <h5>一、定义</h5>
        <p>1、本服务：指我们通过网站、应用程序或其他相关平台向您提供的《精彩猪手》数据服务，包括但不限于信息发布、数据存储、在线交流等。</p>
        <p>2、用户：指承认本协议，接受本服务的自然人、法人或其他组织。具体包含付费账号用户和体验账号用户。</p>
        <p>3、个人信息：以电子或者其他方式记录的与已识别或者可识别的自然人有关的各种信息，不包括匿名化处理后的信息。</p>
        <p>4、知识产权：包括但不限于著作权、专利权、商标权、商业秘密等。</p>

        <h5>二、服务内容及门槛</h5>
        <p>1、我们将尽力为您（用户）提供稳定、高效的服务。服务内容包括但不限于：</p>
        <p class="indent">1.1既定彩票数据查询浏览；</p>
        <p class="indent">1.2既定彩票数据分析报告；</p>
        <p class="indent">1.3个性化开奖号码辅助推导、推测；</p>
        <p class="indent">1.4推测记录统计、备份；</p>
        <p class="indent">1.5精彩猪手AI互动交流服务。</p>
        <p>2、我们会根据实际情况对服务内容进行调整、更新或终止。如有重大变更，我们将通过企业公众号通知您（用户），需要您（用户）及时接收。如您（用户）在服务内容发生变更后继续使用本服务，视为您（用户）接受变更后的协议内容。</p>
        <p>3、您（用户）理解并同意，使用本服务可能需要您（用户）具备相应的设备、软件、网络环境和一定的专业知识，相关费用由您（用户）自行承担。</p>

        <h5>三、用户账号</h5>
        <p>1、您（用户）可以通过注册或使用第三方账号登录的方式获取本服务账号。在注册过程中，您（用户）需提供真实、准确、完整的信息，并确保信息的及时更新。</p>
        <p>2、您（用户）应妥善保管账号及密码，不得将账号出借、转让、赠与或共享给他人使用。因您（用户）自身原因导致账号泄露或被他人使用的后果，由您（用户）自行承担。</p>
        <p>3、若（用户）您发现账号存在异常或安全问题，请立即通知我们，我们将尽力协助处理，但对于非因我们原因导致的损失，我们不承担责任。</p>
        <p>4、您（用户）在使用账号过程中应遵守法律法规及本协议约定，不得利用账号从事违法违规或损害他人权益的行为，否则我们有权暂停或终止您（用户）的账号使用，由此造成的损失您（用户）自行承担。</p>

        <h5>四、用户权利与义务</h5>
        <p>1、权利</p>
        <p class="indent">1.1有权在遵守本协议的前提下，按照我们提供的方式使用服务。</p>
        <p class="indent">1.2对我们提供的服务质量有权提出合理的意见和建议。</p>
        <p>2、义务</p>
        <p class="indent">2.1遵守国家法律法规及互联网相关规定，不得利用本服务从事违法犯罪活动。</p>
        <p class="indent">2.2不得干扰、破坏本服务的正常运行，不得对服务进行反向工程、反编译、反汇编等行为。</p>
        <p class="indent">2.3不得发布、传播任何侵犯他人知识产权、隐私或其他合法权益的信息。</p>
        <p class="indent">2.4不得恶意注册账号、发送垃圾信息或进行其他滥用服务的行为。</p>
        <p class="indent">2.5如因您（用户）的行为导致我们或第三方遭受损失，您（用户）应承担相应的赔偿责任。</p>

        <h5>五、隐私政策</h5>
        <p>1、我们十分重视对您（用户）个人信息的保护，将谨慎收集、安全存储、妥善使用您（用户）的个人信息。</p>
        <p>2、您（用户）同意我们为提供服务、改进服务，包括遵守法律法规的需要，对您（用户）的个人信息进行合理的调用，过程中我们将采取合理措施确保信息安全。</p>

        <h5>六、知识产权</h5>
        <p>我们对本服务及相关内容（包括但不限于软件、文字、图片、音频、视频等）享有知识产权。未经我们书面许可，您（用户）不得擅自复制、改编，或创造基于本服务的衍生品。</p>

        <h5>七、责任限制与免责</h5>
        <p>1、本服务所提供的数据分析报告，均为根据彩票历史数据、统计学和数学原理，通过计算技术进行研究和建模而得出。我们可以对数据的及时性、客观性承担责任，但对任何经过主观干预之后而产生的数据结果，无法承当相应的后果。</p>
        <p>2、您（用户）应当理解并知晓，彩票娱乐本身就是概率游戏，彩票开奖也是最为典型的随机事件。本服务仅具备参考功能，会助您（用户）有限地缩小关注重点。您（用户）必须对自己的选择和决策承担最终责任。</p>
        <p>3、我们将尽力确保服务的正常运行，但由于互联网的复杂性和不确定性，可能会出现服务中断、延迟、错误等情况。对于因不可抗力、技术故障、网络攻击等不可预见、不可避免的原因导致的服务问题，我们不承担责任。</p>
        <p>4、我们对您（用户）通过本服务获取的第三方信息的准确性、完整性、可靠性不承担保证责任，您应自行判断并承担使用风险。</p>
        <p>5、在任何情况下，我们对您（用户）因使用本服务而产生的直接、间接、偶然、特殊或后果性损失（包括但不限于数据丢失、业务中断、利润损失等），无论基于合同、侵权或其他理论，均不承担超过您（用户）实际支付的服务费用的赔偿责任。</p>

        <h5>八、收费及其规则</h5>
        <p>1、本服务采用会员制运营模式。所有用户分为会员与非会员两种类型。</p>
        <p>2、本服务对非会员用户提供1次为期连续10天的免费体验服务。免费时限结束后未转入会员的用户，将无法继续获得本服务。而且，以后该非会员用户将再无免费体验服务的机会。</p>
        <p>3、本服务对会员用户实行付费服务。付费标准分为包月付费和包年付费两种。</p>
        <p>4、包月付费每月10元，不足一个月时，按一个月计算。包年付费每年100元，期间任何一方提出终止协议和退费要求时，所退款项均按包月付费标准进行折算，四舍五入。</p>
        <p>5、出现业务退款情形时，所退款项只限原路退回付款账号。</p>
        <p>6、所有用户在服务有效期内使用本服务的时段和频次均不受限。</p>
        <p>7、用户可以根据自己的实际需要，随时选择成为会员或非会员。</p>

        <h5>九、协议变更与终止</h5>
        <p>1、我们有权根据法律法规变化、业务发展需要等对本协议进行变更。变更后的协议将在相关平台公布，公布后即视为已通知您（用户）。若您（用户）在协议变更后继续使用服务，视为您（用户）接受变更后的协议；若您（用户）不同意变更，有权停止使用本服务。</p>
        <p>2、出现以下情况下，我们有权终止本协议及停止您（用户）继续使用服务：</p>
        <p class="indent">2.1您（用户）严重违反本协议约定。</p>
        <p class="indent">2.2法律法规要求我们终止服务。</p>
        <p class="indent">2.3因不可抗力等不可预见、不可避免的原因导致服务无法继续提供。</p>
        <p>2.4协议终止后，我们有权根据法律法规要求，对您（用户）的相关信息进行处理。</p>

        <h5>十、争议解决</h5>
        <p>1、本协议的签订、履行、解释及争议解决均适用 《中华人民共和国民法典》。</p>
        <p>2、如双方在本协议履行过程中发生争议，应首先通过友好协商解决；协商不成的，任何一方均有权向有管辖权的人民法院提起诉讼。</p>

        <h5>十一、其他条款</h5>
        <p>1、本协议构成您（用户）与我们之间关于本服务的完整协议。未经我们书面同意，您（用户）不得转让本协议项下的任何权利、利益和义务。</p>
        <p>2、本协议各条款的标题仅为方便阅读而设，不影响条款的具体含义及解释。</p>
        <p>3、若本协议任何条款被认定为无效或不可执行，不影响其他条款的效力及执行。</p>
        <p>4、我们未行使或执行本协议任何权利或条款，不构成对该权利或条款的放弃。</p>
        <p>5、本协议自您（用户）成功注册精彩猪手服务相关账号之日即刻生效。</p>
        <p>6、任何有关本协议项下服务的问题，您（用户）可通过本企业微信号进行咨询。</p>
      </div>
    </el-card>
  </div>
</template>

<script>
import { ElPageHeader, ElCard } from 'element-plus'

export default {
  name: 'UserAgreement',
  components: {
    ElPageHeader,
    ElCard
  },
  methods: {
    goBack() {
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped>
.user-agreement-page {
  padding: 10px;
  background-color: #f0f2f5;
}

/* 自定义返回按钮样式 */
:deep(.el-page-header__header) {
  background: white;
  padding: 15px 20px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

:deep(.el-page-header__back) {
  color: #409EFF !important;
  font-weight: 600;
  font-size: 16px;
}

:deep(.el-page-header__back:hover) {
  color: #66b1ff !important;
}

:deep(.el-page-header__content) {
  color: #333 !important;
  font-weight: 600;
  font-size: 18px;
}

.agreement-content-card {
  margin-top: 20px;
  border-radius: 8px;
}

.agreement-content-card h4 {
  text-align: center;
  margin-bottom: 20px;
}

.agreement-content-card h5 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.agreement-content {
  max-width: 100%;
  margin: 0 auto;
}

.agreement-content h4 {
  text-align: center;
  margin-bottom: 20px;
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

.agreement-content h5 {
  margin-top: 25px;
  margin-bottom: 15px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
  border-left: 3px solid #409EFF;
  padding-left: 12px;
}

.agreement-content p {
  line-height: 1.8;
  color: #666;
  margin-bottom: 12px;
  font-size: 14px;
  text-align: justify;
}

.agreement-content p.indent {
  text-indent: 2em;
  margin-left: 20px;
  margin-bottom: 8px;
}

.agreement-content p:last-child {
  margin-bottom: 0;
}
</style>