my_loan/htmldev/loan/src/views/partner/compact/index.vue

<template>
  <div class="wrapper">
    <h4>合伙人协议</h4>
    <p>
      合伙人必须仔细阅读并完全同意本《合伙人协议》全部条款，自行完成申请。合伙人确认申请或使用本业务的行为将视为合伙人对本协议全部内容和条款的接受。</p>
    <div class="mt-20">
      <p>第一条 保证与陈述</p>
      <p>1.
        合伙人保证，合伙人具有从事本协议项下交易所需具备的一切资质，其有资格从事本协议项下的交易；且其从事本协议交易的行为不违反中华人民共和国的法律法规等有约束力的规范性法律文件的规定。</p>
      <p>2.
        合伙人知悉并确认，“妥妥推手”推广平台仅授权合伙人在区域内非独家地宣传推广产品及其他“妥妥推手”引入的推广产品（以下简称“‘妥妥推手’产品”），且该授权不可转授权，“妥妥推手”保留与“妥妥推手”产品或服务相关的全部知识产权的所有权及其他权利。</p>
    </div>
    <div class="mt-20">
      <p>第二条 合作内容</p>
      <p>1.
        合伙人在合伙人首页申请成为“妥妥推手”合伙人，获得“妥妥推手”专属邀请链接或二维码；合伙人将邀请链接或二维码发送至“妥妥推手”目标客群用户，用户通过合伙人分享的链接或二维码注册并进行后续操作。</p>
      <p>2. “妥妥推手”根据《合伙规则》对合伙人推广效果数据进行核查，并根据《合伙规则》进行奖励结算。</p>
    </div>
    <div class="mt-20">
      <p>第三条 “妥妥推手”的权利和义务</p>
      <p>1.
        “妥妥推手”负责“妥妥推手”产品的开发，有责任确保其在移动终端的有效运行和不断优化，更新完善，以避免技术性投诉（属移动终端故障、移动网络的技术原因除外）。</p>
      <p>2.
        如合伙人拥有信息服务平台类渠道，“妥妥推手”有权要求合伙人提供的信息服务行为符合国家法律法规规定，如“妥妥推手”发现合伙人存在非正常状态下的推广情况，属于合伙人严重违约，“妥妥推手”可立即要求合伙人停止推广，并有权随时终止本协议，按照本协议第七条约定追究合伙人违约责任。</p>
      <p>3.
        “妥妥推手”有权根据业务的发展情况，制定或修改合作内容、推广相关的管理办法、用户服务标准等内容，如若“妥妥推手”制定或修改的重要事项涉及到对本协议内容进行调整时，“妥妥推手”应通知合伙人，以供合伙人遵守和执行。</p>
      <p>4.
        在合伙人相关业务推广过程中，“妥妥推手”有权了解合伙人的推广计划，并有权对合伙人的推广渠道进行监督。如“妥妥推手”要求合伙人提供推广计划及推广渠道的报告，合伙人需在收到“妥妥推手”上述要求后5个工作日内提供真实、完整的相关资料。</p>
      <p>5.
        “妥妥推手”有权对合伙人推广合作效果进行评价和数据表现考核，数据表现以“妥妥推手”提供数据为准，如果“妥妥推手”发现合伙人业务数据存在异常（包括但不限于用信率过低等），合伙人有义务配合“妥妥推手”进行核查，并对数据异常进行解释。如果合伙人不能给予合理解释或未经“妥妥推手”书面认可，“妥妥推手”有权不予以结算合伙人推广费用。如“妥妥推手”确认该笔业务数据异常为合伙人违规操作或作弊造成,合伙人属于严重违约,“妥妥推手”有权按照本协议第七条约定追究合伙人违约责任。</p>
      <p>6.
        如“妥妥推手”发现合伙人存在违规、作弊情况，包括但不限于刷单行为（如以完成任务领取红包为目的，非贷款用户等）、欺骗用户行为、冒用客户信息操作行为、通过地推、短信、微信群、QQ群等不符合“妥妥推手”要求的方式推广、使用利率或额度等与“妥妥推手”产品信息不符的文案推广、使用页面嵌套模式、篡改渠道号，篡改“妥妥推手”产品信息、“妥妥推手”或“妥妥推手”产品提供方的官方签名等行为，或者“妥妥推手”收到客户投诉，则“妥妥推手”有权要求合伙人立即停止推广及停止相关违规、作弊行为，对于上述违规作弊行为的数据不予结算，“妥妥推手”亦有权随时终止本协议并按照本协议第七条约定追究合伙人违约责任。</p>
      <p>7.
        “妥妥推手”有权根据自身业务发展需要对本协议及“妥妥推手”产品做出调整，包括但不限于提前终止本协议、终止结算、变更合作模式、变更“妥妥推手”产品名称、功能或内容等。</p>
      <p>8. “妥妥推手”应保证对“妥妥推手”产品享有合法的知识产权。</p>
    </div>
    <div class="mt-20">
      <p>第四条 合伙人的权利和义务</p>
      <p>1.
        合伙人负责并自负费用处理因合伙人原因导致的最终用户针对合伙人推广行为提出的投诉、举报、诉讼、仲裁及任何其他程序。</p>
      <p>2.
        合伙人保证其推广行为不违反任何法律法规、主管行政机关的有关规定以及基础电信运营商的相关管理规范等，也不侵犯任何第三方的合法权益，包括但不限于知识产权等，若因合伙人推广行为导致任何纠纷或致使“妥妥推手”或“妥妥推手”产品提供方受到有关处罚或承担责任的，上述行为属于合伙人严重违约行为，“妥妥推手”有权立即解除协议，并要求合伙人负责解决争议事项，同时，
        “妥妥推手”有权按照本协议第七条约定追究合伙人违约责任。 “妥妥推手”有权按照本协议第七条约定追究合伙人违约责任。</p>
      <p>3.
        在本合作协议有效期间，合伙人负责在合伙人合作渠道上对本协议项下的“妥妥推手”产品进行推广，并确保合伙人推广渠道提供的“妥妥推手”产品用户是真实用户。如因合伙人所提供的用户问题（包括但不限于用户为虚假用户、用户冒用别人身份等）导致“妥妥推手”损失的，属于合伙人严重违约行为，“妥妥推手”有权按照本协议第七条约定追究合伙人违约责任。</p>
      <p>4.
        合伙人在其负责推广的所有渠道中所使用的本协议约定产品仅限由“妥妥推手”提供，“妥妥推手”为唯一提供者，合伙人不得使用除“妥妥推手”之外任何第三方提供的“妥妥推手”产品。“妥妥推手”仅对自己授权的“妥妥推手”产品和业务提供相应服务。</p>
      <p>5.
        合伙人在推广过程中，应严格按照国家法律法规及运营商的要求进行推广，合伙人不得擅自修改“妥妥推手”产品的logo、产品包签名、产品名称、产品类别、产品介绍、推广语、产品截图、下载机型分类等信息，不得用无关内容误导用户下载，不得在色情，赌博等非法网站、频道页面或移动终端上推广。如果因为合伙人的原因导致客户或第三方投诉，合伙人将承担由此造成的一切责任及后果，且“妥妥推手”有权按照本协议第七条约定追究合伙人违约责任。</p>
      <p>6.
        未经“妥妥推手”事先书面许可，合伙人不得自行或允许或协助、或以任何其他方式使第三方对“妥妥推手”产品的任何部分进行修改、改编、更改、拆分、分解、反向工程或二次开发。</p>
      <p>7.
        如果由于合伙人违反本协议约定使用“妥妥推手”产品，包括但不限于使用任何方式侵害第三方知识产权，或包含任何淫秽、诽谤、中伤、谣言、种族主义或任何侵害他人名称权、名誉权或隐私权的材料或信息，属于合伙人严重违约行为，“妥妥推手”有权按照本协议第七条约定内容追究合伙人违约责任。</p>
      <p>8.
        合伙人应妥善保管登录“妥妥推手”的用户名和密码（如有）。如因合伙人用户名和密码保管及使用不当导致密码泄露、账户被盗，而造成信息泄露或被篡改，“妥妥推手”产品或礼品被冒领等情况带来的经济损失的造成的法律责任和后果由合伙人自行承担。如合伙人不当保管或不当使用上述用户名和密码（如有）“妥妥推手”有权按照本协议第七条约定内容追究合伙人违约责任。</p>
      <p>9.
        合伙人不得将“妥妥推手”产品作为独立的软件或与其他软件相结合从事任何商业活动，包括但不限于销售（或使他人销售）、许可（或使他人许可）和/或分销（或他人分销）。如合伙人出现上述将“妥妥推手”产品作为独立软件或其他软件结合从事商业活动的行为，属于合伙人严重违约行为，“妥妥推手”有权按照本协议第七条约定内容追究合伙人违约责任。</p>
      <p>10.
        合伙人不得删除、毁损、掩盖、修改“妥妥推手”产品上“妥妥推手”或其关联方的版权声明、商标或其它专有标志等。如合伙人出现上述删除、毁损、掩盖或修改行为的，属于合伙人严重违约行为，“妥妥推手”有权按照本协议第七条约定内容追究合伙人违约责任。</p>
      <p>11.
        合伙人不得以非法的方式使用“妥妥推手”产品；且当发现“妥妥推手”产品在区域内被侵害或怀疑或将要发生被侵害、模仿、非法使用或不正当使用时，应及时通知“妥妥推手”知晓。如合伙人非法使用“妥妥推手”产品或未及时履行上述通知义务的，属于合伙人严重违约行为，“妥妥推手”有权按照本协议第七条约定内容追究合伙人违约责任。</p>
      <p>12.
        合伙人保证不通过使用加壳、衍生等任何手段，打包、变造、变更“妥妥推手”产品和业务，或通过其他第三方产品和业务调用、启动“妥妥推手”产品和业务（例如未经“妥妥推手”书面许可通过短信方式推广“妥妥推手”产品），合伙人如出现上述打包、变造、变更等行为，属于合伙人严重违约行为，“妥妥推手”有权按照本协议第七条约定内容追究合伙人违约责任。</p>
      <p>13.
        对于合伙人自行制作的投放物料或宣传文案，不得使用含有“百度”字样的商标、logo以及容易造成消费者误认为其与百度集团有任何关联的描述性文字。在投放前必须经过“妥妥推手”审核及书面确认，且上线截图须向“妥妥推手”报备，否则，“妥妥推手”有权不与合伙人结算，因上述宣传文案或物料对“妥妥推手”造成的经济损失，由合伙人承担。如合伙人出现上述擅自投放行为，属于合伙人严重违约行为，“妥妥推手”有权按照本协议第七条约定内容追究合伙人违约责任。</p>
    </div>
    <div class="mt-20">
      <p>第五条 结算方式</p>
      <p>具体的结算标准以《合伙规则》收入方式的约定为准。</p>
      <p>1.
        双方结算以“妥妥推手”提供的数据为准。若合伙人对“妥妥推手”提供的结算数据存在疑虑，合伙人有权要求复核。若合伙人核查数据与“妥妥推手”提供的结算数据出现差异，则双方可以协商解决，如合伙人无直接且有效的证据证明“妥妥推手”数据虚假，则最终仍以“妥妥推手”数据作为结算依据。</p>
      <p>2. “妥妥推手”应按《合伙规则》收入方式约定的方式和金额向合伙人支付奖励。</p>
      <p>3. 双方应按中国之法律规定，各自缴纳与自身经营有关之任何税款。</p>
    </div>
    <div class="mt-20">
      <p>第六条 知识产权</p>
      <p>1.
        有关“妥妥推手”产品的版权标识以及“妥妥推手”相关信息的使用，合伙人应完全遵守相关法律法规及双方约定；合伙人不得随意变更、删除“妥妥推手”产品的版权标识。</p>
      <p>2.
        如任何一方发现有第三人侵犯“妥妥推手”产品的知识产权或其他合法权益，应及时通知对方，并采取措施，追究侵权者的法律责任。</p>
      <p>3.
        如产品涉及开源技术的使用，则“妥妥推手”将按照采用的开源技术对应的开源协议对产品做出知识产权承诺。任何因产品使用的开源技术所引发的第三方针对产品的知识产权纠纷，“妥妥推手”免责。</p>
    </div>
    <div class="mt-20">
      <p>第七条 违约责任</p>
      <p>1.
        如合伙人的推广渠道或平台被相关部门认定为非法网站的，或存在违法违规、作弊等行为的，或合伙人推广渠道或平台内容侵犯第三方合法权益的，或其他严重违约行为的，合伙人应承担本协议项下已发生的推广费总金额的20%的违约金，且“妥妥推手”有权立即终止本协议，不予结算本协议项下任何款项或要求合伙人全部退还“妥妥推手”已支付的推广费。如上述违约金不足以弥补“妥妥推手”因此遭受的损失（包括但不限于政府罚金、给第三方的损害赔偿、律师费、调查费用、名誉损失等）的，“妥妥推手”有权向合伙人继续追偿。</p>
      <p>2.
        如未经“妥妥推手”书面同意，合伙人擅自使用本协议约定之外的渠道履行其协议义务的，属于合伙人严重违约行为，“妥妥推手”无义务支付此类渠道产生的信息服务费或推广费，且有权立即终止本协议，并要求合伙人承担相当于本协议项下已发生的推广费总金额20%的违约金，如造成“妥妥推手”损失的，“妥妥推手”有权向合伙人继续追偿因此所遭受的损失（包括但不限于政府罚金、给第三方的损害赔偿、律师费、调查费用、名誉损失等）</p>
      <p>3.
        除上述规定外，如任何一方违反本协议所约定内容，违约方在收到守约方要求纠正其违约行为的书面通知之日，应立即停止其违约行为，并在十(10)个工作日内赔偿守约方因此受到的相关损失。如违约方继续进行违约行为或不履行其义务，守约方除就其所有损失（包括但不限于政府罚金、给第三方的损害赔偿、律师费、调查费用、名誉损失等）而获得违约方赔偿外，亦有权在违约方收到书面通知当日（收件日）终止本协议。</p>
    </div>
    <div class="mt-20">
      <p>第八条 责任限制</p>
      <p>1.
        除本协议另有明确表示外，“妥妥推手”不对“妥妥推手”产品提供任何其他类型的保证，不论是明示的或默示的，包括但不限于适销性、适用性、可靠性、准确性、完整性、无病毒以及无错误的任何默示保证和责任。另外，在适用法律允许的最大范围内，“妥妥推手”并不担保“妥妥推手”产品服务一定能满足最终用户的要求，也不担保“妥妥推手”产品服务不会被修改、中断或终止，并且对“妥妥推手”产品服务的及时性、安全性、错误发生，以及信息是否能准确、及时、顺利的传送均不作任何担保。“妥妥推手”不应对任何因本协议而引起的或与本协议相关的在引起索赔的行为发生超过两年后而提出的索赔负责。</p>
    </div>
    <div class="mt-20">
      <p>第九条 协议争议的解决方式</p>
      <p>1.
        本协议适用中华人民共和国法律，本协议的订立，效力，解释，履行、解除、终止均受中华人民共和国法律管辖，双方发生争议时，均同意先沟通协商解决。如协商未果，任何一方均可向协议签订地北京市海淀区人民法院提起诉讼。</p>
    </div>
    <div class="mt-20">
      <p>第十条 协议生效和有效期</p>
      <p>1. 本协议经合伙人通过网络页面点击确认协议或以其他方式表示接受本协议时生效。</p>
      <p>2. 本协议自生效之日起，有效期一年。本协议到期前,如“妥妥推手”未提异议,则本协议自动顺延1年。</p>
    </div>
    <div class="mt-20">
      <p>第十一条 协议终止</p>
      <p>1. “妥妥推手”有权在任意时间单方面解除本协议，并以适当方式提前通知合伙人。</p>
      <p>2. 合伙人提出解除协议的，应至少提前三十个自然日以书面形式通知“妥妥推手”。</p>
      <p>3. 本协议因任何原因终止，各方仍须按照本协议规定遵守保密义务。</p>
    </div>
    <div class="mt-20">
      <p>第十二条 保密条款</p>
      <p>
        1.本协议项下的保密信息为现在和将来归属于一方的能为该方带来利益或影响的未公开资料，包括但不限于业务数据、客户名单、技术资料、软件程序、推广计划、财务数据和其他资料。</p>
      <p>2.
        未经对方书面许可，任何一方（“接受方”）不得向第三方（有关法律、法规或政府部门要求除外）泄露本协议的条款的任何内容、本协议的签订履行情况以及通过签订和履行本协议而获知的对方（“披露方”）的保密信息。</p>
      <p>3. 以下信息不适用上述保密义务：</p>
      <p>（1）. 接受方有在披露方向其披露前存在的书面记录证明其已经掌握；</p>
      <p>（2）. 并非由于接受方违反本协议而已经或者在将来进入公共领域；</p>
      <p>（3）. 接受方从对该信息无保密义务的第三方获得。</p>
      <p>4.
        双方在合作中发生分歧或需要有相关的重大信息披露时，应首先积极争取双方沟通协商一致，相关重大信息的披露、采用、表述应获得双方的许可，双方在各个领域自觉维护对方的品牌价值和利益。</p>
      <p>5. 保密条款不因本协议的无效、解除、提前终止或不具操作性而失效。本协议期满后，各方的保密义务并不随之终止。</p>
    </div>
    <div class="mt-20">
      <p>第十三条 公开和新闻发布</p>
      <p>1.
        未经“妥妥推手”对公布材料或其它新闻声明的形式和内容进行事先审查并给予书面允许，合伙人不得向第三方公布本协议的签署或本协议条款。除本协议另有约定外，合伙人不得使用“妥妥推手”和/或“妥妥推手”旗下产品的名称、商标、形象和/或声誉，除非获得另一方的事先书面同意。</p>
    </div>
    <div class="mt-20">
      <p>第十四条 不可抗力</p>
      <p>1.
        任何一方遭遇不可抗力而耽搁或妨碍其履行本协议不视为违约，不须承担因此给对方造成的损失，因一方延迟后发生不可抗力的除外。不可抗力包括但不限自然灾害、政府行为、许可地区信息产业主管政府部门的命令、电信运营商导致的原因、立法的变化、火灾、水灾、爆炸等。如果此耽搁或妨碍履约持续至少三个月，一方将可经书面通知后终止本协议。</p>
      <p>2. 鉴于互联网的特殊性质，本协议项下的不可抗力亦包括但不限于下列影响互联网正常运行的情形：</p>
      <p>（1）黑客攻击；</p>
      <p>（2）电信部门技术调整导致之重大影响；</p>
      <p>（3）因政府管制而造成之暂时关闭；</p>
      <p>（4）病毒侵袭；</p>
      <p>（5）任何其他类似事件；</p>
    </div>
    <div class="mt-20">
      <p>第十五条 其他</p>
      <p>1. 本协议附件包括《合伙规则》。附件是本协议不可分割的组成部分，与协议正文具有同等的法律效力。</p>
      <p>2. 本协议未尽事宜，由“妥妥推手”另行通知。</p>
      <p>3.
        为“妥妥推手”业务风险控制需要，“妥妥推手”通知合伙人签署书面协议时，合伙人应当配合“妥妥推手”完成纸质协议的签署，否则“妥妥推手”有权追究合伙人的违约责任。</p>
    </div>
    <div class="footer">
      <a class="btn-apply" href="javascript:;" @click="funSubmitAgreement"
         v-if="!contractFlag && booFetch">我同意条款内容并签约</a>
      <a class="btn-apply" href="javascript:;" v-if="contractFlag && booFetch">已签约 于{{ contractEndTime }}到期</a>
    </div>
  </div>
</template>

<script>
import { Toast } from 'vant'
import { getAgreement, submitAgreement } from './api'

export default {
  name: 'compact',
  props: {
    id: {
      type: String,
      default: ''
    }
  },
  data () {
    return {
      booFetch: false,
      contractFlag: false, // 是否签署协议(true签署false未签署)
      partnerName: '', // 签署姓名
      contractStartTime: '', // 合同开始时间
      contractEndTime: '' // 合同终止时间
    }
  },
  created () {
    this.funFetchAgreement()
  },
  async mounted () {
    await this.$nextTick()
    this.$refreshTitle('成为合伙人')
  },
  methods: {
    funFetchAgreement () {
      getAgreement().then(res => {
        if (res.status) {
          const { contractEndTime, contractFlag, contractStartTime, partnerName } = res.data
          this.contractEndTime = contractEndTime
          this.contractFlag = contractFlag
          this.contractStartTime = contractStartTime
          this.partnerName = partnerName
          this.booFetch = true
        } else {
          Toast(res.msg)
        }
      }).catch(err => {
        Toast(err)
      })
    },
    funSubmitAgreement () {
      const id = this.id
      const myToast = Toast.loading({
        message: '提交中...',
        duration: 1000 * 100,
        forbidClick: true
      })
      submitAgreement(id).then(res => {
        myToast.clear()
        if (res.status) {
          Toast({
            type: 'success',
            message: '签约成功',
            forbidClick: true,
            onClose: () => {
              this.$router.replace({ path: '/partner/detail/' + id })
            }
          })
        } else {
          Toast(res.msg)
        }
      }).catch(err => {
        myToast.clear()
        Toast(err)
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.wrapper {
  width: 100%;
  min-height: 100vh;
  padding: 20px 10px 91px;
  color: #333;
  background: #fff;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;

  p {
    margin-top: 6px;
  }
}

.mt-100 {
  margin-top: 100px;
}

.indent-2 {
  text-indent: 2em;
}

h4 {
  width: 100%;
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

h3 {
  width: 100%;
  margin-bottom: 20px;
  font-size: 14px;
}

p, a, td {
  line-height: 20px;
  font-size: 12px;
  color: inherit;
}

td {
  border: 1px solid #000;
  text-align: center;
}

.border-right-none {
  border-right: none;
}

.border-bottom-none {
  border-bottom: none;
}

b, u {
  font-weight: 700;
  color: #000;
}

.footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 23px 0;
}

.btn-apply {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 327px;
  height: 45px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  background: linear-gradient(90deg, #DBC3A9 0%, #C7AB8A 100%);
  box-shadow: 0 14px 9px -10px rgba(219, 208, 194, 1);
}
</style>