Merge branch 'main' of http://1.117.67.95:3000/team/tydata-webview-v2
This commit is contained in:
@@ -5,7 +5,7 @@
|
||||
|
||||
<p class="indent-8 mb-2"><span>一、</span><strong>前言</strong></p>
|
||||
<p class="indent-8 mb-2">
|
||||
海南天远大数据科技有限公司为加强对全国代理的统一管理，规范各代理行为，确保"天远数据"的顺利推广，特依据如下原则制定代理管理制度，望各级代理认真贯彻、严格遵守。
|
||||
海南海宇大数据有限公司为加强对全国代理的统一管理，规范各代理行为，确保"天远数据"的顺利推广，特依据如下原则制定代理管理制度，望各级代理认真贯彻、严格遵守。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">1.谨慎性原则</p>
|
||||
<p class="indent-8 mb-2">
|
||||
@@ -13,7 +13,7 @@
|
||||
</p>
|
||||
<p class="indent-8 mb-2">2.用心协助原则</p>
|
||||
<p class="indent-8 mb-2">
|
||||
海南天远大数据科技有限公司配合各代理的工作，对于代理在推广工作中遇到的问题用心配合解决。
|
||||
海南海宇大数据有限公司配合各代理的工作，对于代理在推广工作中遇到的问题用心配合解决。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">3.诚信的原则</p>
|
||||
<p class="indent-8 mb-2">双方务必诚实有信用，决不提供虚假信息。</p>
|
||||
@@ -23,7 +23,7 @@
|
||||
</p>
|
||||
<p class="indent-8 mb-2">5.双方共赢原则</p>
|
||||
<p class="indent-8 mb-2">
|
||||
海南天远大数据科技有限公司的目标是与代理共赢，共同发展。
|
||||
海南海宇大数据有限公司的目标是与代理共赢，共同发展。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">6.长期性原则</p>
|
||||
<p class="indent-8 mb-2">
|
||||
@@ -36,15 +36,15 @@
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
第二条
|
||||
本制度规定海南天远大数据科技有限公司代理(以下称代理)权限、运作及业务处理等相关事项，旨在使海南天远大数据科技有限公司与各代理之间持续良好合作关系，促进双方共同发展;
|
||||
本制度规定海南海宇大数据有限公司代理(以下称代理)权限、运作及业务处理等相关事项，旨在使海南海宇大数据有限公司与各代理之间持续良好合作关系，促进双方共同发展;
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
第三条
|
||||
代理经海南天远大数据科技有限公司授权并自代理协议书生效之日起，应严格依照代理协议及本制度的规定履行义务，享受权利。
|
||||
代理经海南海宇大数据有限公司授权并自代理协议书生效之日起，应严格依照代理协议及本制度的规定履行义务，享受权利。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
第四条
|
||||
海南天远大数据科技有限公司确定的代理应遵循海南天远大数据科技有限公司的规定从事代理活动，不得做出损害海南天远大数据科技有限公司利益和形象的行为;
|
||||
海南海宇大数据有限公司确定的代理应遵循海南海宇大数据有限公司的规定从事代理活动，不得做出损害海南海宇大数据有限公司利益和形象的行为;
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
第五条
|
||||
@@ -64,7 +64,7 @@
|
||||
|
||||
<p class="indent-8 mb-2">企业类：</p>
|
||||
<p class="indent-8 mb-2">
|
||||
1、具有独立法人资格，并能提供有效营业执照、组织代码证等相关文件复印件，经审查合格签定代理协议后即成为海南天远大数据科技有限公司认证代理。
|
||||
1、具有独立法人资格，并能提供有效营业执照、组织代码证等相关文件复印件，经审查合格签定代理协议后即成为海南海宇大数据有限公司认证代理。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
2、应具备良好的经营规模、办公条件、设备及人员，有固定的营业场所，良好的资信潜力和商业信誉。并提供以下资料：
|
||||
@@ -79,13 +79,13 @@
|
||||
|
||||
<p class="indent-8 mb-4"><strong>四、代理权利和义务</strong></p>
|
||||
<p class="indent-8 mb-2">
|
||||
在成为海南天远大数据科技有限公司的认证代理后，可享有如下权利并承担相应的义务:
|
||||
在成为海南海宇大数据有限公司的认证代理后，可享有如下权利并承担相应的义务:
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
1、使用天远数据开展广告宣传、市场推广活动;
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
2、维护海南天远大数据科技有限公司及其产品的良好形象;
|
||||
2、维护海南海宇大数据有限公司及其产品的良好形象;
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
3、开拓下级业务推广并负责对其定期进行业务培训;
|
||||
@@ -95,7 +95,7 @@
|
||||
5、如用户需要开具发票，代理则需向用户开具（咨询费）发票。如代理未开具发票，天远数据有义务配合税务机关采取相关措施。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
6、代理业务推广过程中，未经海南天远大数据科技有限公司授权，不得使用"天远数据官方"词汇用于广告宣传。
|
||||
6、代理业务推广过程中，未经海南海宇大数据有限公司授权，不得使用"天远数据官方"词汇用于广告宣传。
|
||||
</p>
|
||||
|
||||
<p class="font-bold mb-2">五、推广管理</p>
|
||||
@@ -103,7 +103,7 @@
|
||||
1、天远数据负责建立与代理之间的沟通与联系渠道，不定期地向代理提供宣传资料、信息、政策以及推广方案与管理制度等方面的支持。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
2、海南天远大数据科技有限公司充分尊重代理代理推广权，但有下列状况之一时，海南天远大数据科技有限公司将保留或者取消该代理的权利:
|
||||
2、海南海宇大数据有限公司充分尊重代理代理推广权，但有下列状况之一时，海南海宇大数据有限公司将保留或者取消该代理的权利:
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
a代理经营管理不善，造成工作无法正常开展的;
|
||||
@@ -111,34 +111,34 @@
|
||||
<p class="indent-8 mb-2">b国家政策变化等不可抗力发生时;</p>
|
||||
<p class="indent-8 mb-2">c遇有客户投诉，经确认属代理操作不当的;</p>
|
||||
<p class="indent-8 mb-2">
|
||||
d其他严重损害海南天远大数据科技有限公司形象与产品形象的行为发生时;
|
||||
d其他严重损害海南海宇大数据有限公司形象与产品形象的行为发生时;
|
||||
</p>
|
||||
<p class="indent-8 mb-2">e违反国家法律法规时;</p>
|
||||
<p class="indent-8 mb-2">
|
||||
3、当代理名下发生投诉时，代理需配合相关的协调。否则海南天远大数据科技有限公司有权无条件取消其代理资格，终止其代理协议。
|
||||
3、当代理名下发生投诉时，代理需配合相关的协调。否则海南海宇大数据有限公司有权无条件取消其代理资格，终止其代理协议。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
4、代理应合规宣传海南天远大数据科技有限公司产品形象。
|
||||
4、代理应合规宣传海南海宇大数据有限公司产品形象。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
5、市场运作过程中，各代理在接到市场投诉时，应及时做好记录，并报海南天远大数据科技有限公司相关部门妥善处理。
|
||||
5、市场运作过程中，各代理在接到市场投诉时，应及时做好记录，并报海南海宇大数据有限公司相关部门妥善处理。
|
||||
</p>
|
||||
|
||||
<p class="indent-8 mb-2"><strong>六、违规处罚</strong></p>
|
||||
<p class="indent-8 mb-2">
|
||||
1、各代理在推广海南天远大数据科技有限公司过程中，有损害海南天远大数据科技有限公司产品信誉行为时，视情节轻重，海南天远大数据科技有限公司将对其提出书面警告直至取消其代理资格;
|
||||
1、各代理在推广海南海宇大数据有限公司过程中，有损害海南海宇大数据有限公司产品信誉行为时，视情节轻重，海南海宇大数据有限公司将对其提出书面警告直至取消其代理资格;
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
2、未按海南天远大数据科技有限公司有关规定和本制度开展工作的，海南天远大数据科技有限公司将提出书面警告并限期整改;
|
||||
2、未按海南海宇大数据有限公司有关规定和本制度开展工作的，海南海宇大数据有限公司将提出书面警告并限期整改;
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
3、不遵守海南天远大数据科技有限公司的相关规章制度，造成与其他推广代理纠纷时，海南天远大数据科技有限公司将视其情节轻重，处以20000元以上50000元以下的罚款，并取消其代理资格。
|
||||
3、不遵守海南海宇大数据有限公司的相关规章制度，造成与其他推广代理纠纷时，海南海宇大数据有限公司将视其情节轻重，处以20000元以上50000元以下的罚款，并取消其代理资格。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
4、违反保密义务，导致海南天远大数据科技有限公司重大损失的，海南天远大数据科技有限公司将对其处以5000-20000元罚款，情节严重者将直接取消其代理资格。
|
||||
4、违反保密义务，导致海南海宇大数据有限公司重大损失的，海南海宇大数据有限公司将对其处以5000-20000元罚款，情节严重者将直接取消其代理资格。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
5、代理如严重违反海南天远大数据科技有限公司相关规章制度，海南天远大数据科技有限公司可随时解除双方约定的部分或全部协议。
|
||||
5、代理如严重违反海南海宇大数据有限公司相关规章制度，海南海宇大数据有限公司可随时解除双方约定的部分或全部协议。
|
||||
</p>
|
||||
|
||||
<p class="indent-8 mb-2"><strong>七、推广收益及提现</strong></p>
|
||||
@@ -763,19 +763,19 @@
|
||||
1、本制度作为《代理协议》之附件与《代理协议》具有同等法律效力。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
2、海南天远大数据科技有限公司将本着"诚信为本、长期服务"的宗旨和"公平合理"的原则对代理进行合理布局和调整，以实现互利互惠、共同快速发展的目的。
|
||||
2、海南海宇大数据有限公司将本着"诚信为本、长期服务"的宗旨和"公平合理"的原则对代理进行合理布局和调整，以实现互利互惠、共同快速发展的目的。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
3、因其他原因需终止代理关系，需向海南天远大数据科技有限公司提出书面申请。
|
||||
3、因其他原因需终止代理关系，需向海南海宇大数据有限公司提出书面申请。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
4、代理之间发生业务竞争和冲突，海南天远大数据科技有限公司将依据公平、公正、公开的原则按相关制度予以调解、处理。
|
||||
4、代理之间发生业务竞争和冲突，海南海宇大数据有限公司将依据公平、公正、公开的原则按相关制度予以调解、处理。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
5、如海南天远大数据科技有限公司与各代理之间出现协议上的纠纷，由海南天远大数据科技有限公司所在地法院裁决。
|
||||
5、如海南海宇大数据有限公司与各代理之间出现协议上的纠纷，由海南海宇大数据有限公司所在地法院裁决。
|
||||
</p>
|
||||
<p class="indent-8 mb-2">
|
||||
6、本制度的制定、修改与废止皆经由海南天远大数据科技有限公司讨论决定，解释权归海南天远大数据科技有限公司所有。
|
||||
6、本制度的制定、修改与废止皆经由海南海宇大数据有限公司讨论决定，解释权归海南海宇大数据有限公司所有。
|
||||
</p>
|
||||
<p class="indent-8 mb-4">
|
||||
7、本制度于2022年1月1日起实施，公司将根据实施情况对本制度进行修正和调整。
|
||||
|
||||
@@ -23,6 +23,10 @@
|
||||
<div class="flex justify-between items-center mb-2">
|
||||
<span class="text-gray-500 text-sm">{{ item.create_time || '-' }}</span>
|
||||
</div>
|
||||
<div class="flex items-center mt-2">
|
||||
<span class="text-gray-500 text-sm">订单号：</span>
|
||||
<span class="text-gray-700 text-sm font-mono">{{ item.order_id || '-' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</van-list>
|
||||
</div>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<p class="text-left"><span></span></p>
|
||||
<p class="text-left"><span class="text-black">甲方：</span></p>
|
||||
<p class="text-left"><span class="text-black">乙方：</span><span
|
||||
class="text-black">海南天远大数据科技有限公司</span>
|
||||
class="text-black">海南海宇大数据有限公司</span>
|
||||
</p>
|
||||
<p class="text-left"> </p>
|
||||
<p class="text-left"><span class="text-black">鉴于：</span></p>
|
||||
@@ -18,7 +18,7 @@
|
||||
<p class="text-left"><span class="text-black">
|
||||
现双方根据《中华人民共和国</span><span class="text-black">民法典</span><span
|
||||
class="text-black">》等相关法律法规，本着诚实、信用、公平，促进社会诚信发展为原则，经友好协商就</span><span
|
||||
class="text-black">海南天远大数据科技有限公司</span><span
|
||||
class="text-black">海南海宇大数据有限公司</span><span
|
||||
class="text-black">信息技术服务事宜达成一致，签订本合同。</span></p>
|
||||
<p class="text-left"><span></span></p>
|
||||
<p class="text-left"></p>
|
||||
@@ -27,7 +27,7 @@
|
||||
<p class="text-left"><span class="text-black">
|
||||
除上下文另有约定外，下列用语具有如下含义：</span></p>
|
||||
<p class="text-left"><span class="text-black">1.1
|
||||
</span><span class="text-black">海南天远大数据科技有限公司</span><span
|
||||
</span><span class="text-black">海南海宇大数据有限公司</span><span
|
||||
class="text-black">信息技术服务／服务
|
||||
指乙方通过信息化、人工智能和信息科技等技术手段对</span><span class="text-black">大数据</span><span
|
||||
class="text-black">进行以公众号、小程序、APP、web页面（以下简称平台）或标准接口形式为客户提供的服务，协助客户完成信息的整理、管理等业务流程。</span>
|
||||
@@ -62,7 +62,7 @@
|
||||
合作内容与方式</span></p>
|
||||
<p class="text-left"><span class="text-black">2.1
|
||||
根据本合同约定的条件和条款，甲方使用乙方提供的【</span><span
|
||||
class="text-black">海南天远大数据科技有限公司</span><span class="text-black">相关</span><span
|
||||
class="text-black">海南海宇大数据有限公司</span><span class="text-black">相关</span><span
|
||||
class="text-black">信息技术】服务（简称“乙方服务”或“本服务”）。</span></p>
|
||||
<p class="text-left"><span class="text-black">2.2
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<!-- 授权书滚动区域 -->
|
||||
<div class=" card flex-1 overflow-y-auto" ref="agreementBox" @scroll="handleScroll">
|
||||
<p class="my-2">海南天远大数据科技有限公司：</p>
|
||||
<p class="my-2">海南海宇大数据有限公司：</p>
|
||||
<p class="indent-[2em]">
|
||||
<!-- <span class="font-bold"> {{ signature ? userData.name : "____________" }}</span> -->
|
||||
本人________拟向贵司申请大数据分析报告查询业务，贵司需要了解本人相关状况，用于查询大数据分析报告，因此本人同意向贵司提供本人的姓名和手机号等个人信息，并同意贵司向第三方传送上述信息。第三方将使用上述信息核实信息真实情况，查询信用记录，并生成报告。
|
||||
@@ -59,10 +59,10 @@
|
||||
本人有权随时撤回本授权书中的授权，但撤回前的授权行为及其法律后果仍具有法律效力。若需撤回授权，本人可通过贵司官方渠道提交书面申请，贵司将在收到申请后依法停止对本人数据的使用。
|
||||
</li>
|
||||
<li>
|
||||
你通过“天远数据”，自愿支付相应费用，用于购买海南天远大数据科技有限公司的大数据报告产品。如若对产品内容存在异议，可通过邮箱admin@iieeii.com或APP“联系客服”按钮进行反馈，贵司将在收到异议之日起20日内进行核查和处理，并将结果答复。
|
||||
你通过“天远数据”，自愿支付相应费用，用于购买海南海宇大数据有限公司的大数据报告产品。如若对产品内容存在异议，可通过邮箱admin@iieeii.com或APP“联系客服”按钮进行反馈，贵司将在收到异议之日起20日内进行核查和处理，并将结果答复。
|
||||
</li>
|
||||
<li>
|
||||
你向海南天远大数据科技有限公司的支付方式为：海南天远大数据科技有限公司及其经官方授权的相关企业的支付宝账户。
|
||||
你向海南海宇大数据有限公司的支付方式为：海南海宇大数据有限公司及其经官方授权的相关企业的支付宝账户。
|
||||
</li>
|
||||
</ul>
|
||||
<p class="mt-2 font-bold">争议解决机制：</p>
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
</div>
|
||||
<div class="leading-relaxed">
|
||||
我们深知个人信息对您的重要性，我们将按法律法规要求，采取相应安全保护措施，尽力保护您的个人信息安全可控。
|
||||
有鉴于此，海南天远大数据科技有限公司（以下简称“我们”或“天远数据”）作为天远数据产品及服务的提供者制定本《隐私政策》（下称“本政策”）并提醒您：
|
||||
有鉴于此，海南海宇大数据有限公司（以下简称“我们”或“天远数据”）作为天远数据产品及服务的提供者制定本《隐私政策》（下称“本政策”）并提醒您：
|
||||
</div>
|
||||
<div class="leading-relaxed">
|
||||
本政策适用于全部天远数据产品及服务，如我们关联公司的产品或服务中使用了天远数据提供的产品或服务但未设独立的隐私政策的，
|
||||
@@ -35,7 +35,7 @@
|
||||
<!-- 第一部分 -->
|
||||
<div class="leading-relaxed">
|
||||
<div>
|
||||
1、天远数据服务提供者：是指研发并提供天远数据产品和服务法律主体，海南天远大数据科技有限公司（下称“我们”或“天远数据”）
|
||||
1、天远数据服务提供者：是指研发并提供天远数据产品和服务法律主体，海南海宇大数据有限公司（下称“我们”或“天远数据”）
|
||||
</div>
|
||||
<div>
|
||||
2、天远数据用户：是指注册天远数据账户的用户，以下称“您”。
|
||||
@@ -440,7 +440,7 @@
|
||||
<div class="leading-relaxed">
|
||||
（一）本《隐私政策》的解释及争议解决均应适用中华人民共和国大陆地区法律。
|
||||
与本《隐私政策》相关的任何纠纷，双方应协商友好解决；若不能协商解决，
|
||||
应将争议提交至海南天远大数据科技有限公司注册地有管辖权的人民法院解决。
|
||||
应将争议提交至海南海宇大数据有限公司注册地有管辖权的人民法院解决。
|
||||
</div>
|
||||
<div class="leading-relaxed">
|
||||
（二）本《隐私政策》的标题仅为方便及阅读而设，并不影响正文其中任何规定的含义或解释。
|
||||
|
||||
@@ -8,19 +8,19 @@
|
||||
<!-- 内容主体 -->
|
||||
<div class="indent-[2em]">
|
||||
<div class="mb-4 leading-relaxed">
|
||||
本协议是您（以下又称“用户”）在使用本服务时，约定您和海南天远大数据科技有限公司之间权利义务关系的有效协议。
|
||||
本协议是您（以下又称“用户”）在使用本服务时，约定您和海南海宇大数据有限公司之间权利义务关系的有效协议。
|
||||
</div>
|
||||
|
||||
<div class="mb-4 leading-relaxed">
|
||||
在您使用本服务前，请您务必仔细阅读本协议，特别是隐私权保护及授权条款、免除或者限制海南天远大数据科技有限公司责任的条款、争议解决和法律适用条款。一旦您有对本服务的任何部分或全部的注册、查看、定制、使用等任何使用行为，即视为您已充分阅读、理解并接受本协议的全部内容，并与海南天远大数据科技有限公司达成本协议。如您对本协议有任何疑问，应向海南天远大数据科技有限公司客服咨询。如果您不同意本协议的部分或全部约定，您应立即停止使用本服务。
|
||||
在您使用本服务前，请您务必仔细阅读本协议，特别是隐私权保护及授权条款、免除或者限制海南海宇大数据有限公司责任的条款、争议解决和法律适用条款。一旦您有对本服务的任何部分或全部的注册、查看、定制、使用等任何使用行为，即视为您已充分阅读、理解并接受本协议的全部内容，并与海南海宇大数据有限公司达成本协议。如您对本协议有任何疑问，应向海南海宇大数据有限公司客服咨询。如果您不同意本协议的部分或全部约定，您应立即停止使用本服务。
|
||||
</div>
|
||||
<div class="mb-4 leading-relaxed">
|
||||
您与海南天远大数据科技有限公司达成本协议后，您承诺接受并遵守本协议的约定，并不得以未阅读本协议的内容或者未获得海南天远大数据科技有限公司对您问询的解答等理由，主张本协议无效，或要求撤销本协议。在本协议履行过程中，海南天远大数据科技有限公司可以依其单独判断暂时停止提供、限制或改变本服务，并有权根据自身业务需要修订本协议。一旦本协议的内容发生变动，海南天远大数据科技有限公司将通过平台公布最新的服务协议，不再向您作个别通知。如果您不同意海南天远大数据科技有限公司对本服务协议所做的修改，您应立即停止使用本服务或通过海南天远大数据科技有限公司客服与海南天远大数据科技有限公司联系。如果您继续使用本服务，则视为您接受海南天远大数据科技有限公司对本协议所做的修改，并应遵照修改后的协议执行。
|
||||
您与海南海宇大数据有限公司达成本协议后，您承诺接受并遵守本协议的约定，并不得以未阅读本协议的内容或者未获得海南海宇大数据有限公司对您问询的解答等理由，主张本协议无效，或要求撤销本协议。在本协议履行过程中，海南海宇大数据有限公司可以依其单独判断暂时停止提供、限制或改变本服务，并有权根据自身业务需要修订本协议。一旦本协议的内容发生变动，海南海宇大数据有限公司将通过平台公布最新的服务协议，不再向您作个别通知。如果您不同意海南海宇大数据有限公司对本服务协议所做的修改，您应立即停止使用本服务或通过海南海宇大数据有限公司客服与海南海宇大数据有限公司联系。如果您继续使用本服务，则视为您接受海南海宇大数据有限公司对本协议所做的修改，并应遵照修改后的协议执行。
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<div class="mb-2 font-bold leading-relaxed">一、服务内容</div>
|
||||
<div class="leading-relaxed">
|
||||
本服务向您提供多项个人信息整理服务。您知悉并认可，如您需使用该类服务，必须满足如下所述条件；且您承诺，您向海南天远大数据科技有限公司提请服务申请时，已经满足如下所述条件。
|
||||
本服务向您提供多项个人信息整理服务。您知悉并认可，如您需使用该类服务，必须满足如下所述条件；且您承诺，您向海南海宇大数据有限公司提请服务申请时，已经满足如下所述条件。
|
||||
</div>
|
||||
<div class="leading-relaxed">
|
||||
<div>A.您已注册成为本服务的会员；</div>
|
||||
@@ -31,7 +31,7 @@
|
||||
C.您确保被查询主体信息是您本人的信息或者被查询主体已授权您本人使用被查询主体信息进行查询（授权内容应包括本条D项所述内容），并且被查询主体已知悉该授权的风险。
|
||||
</div>
|
||||
<div>
|
||||
D.被查询主体不可撤销地授权海南天远大数据科技有限公司为查询、评估被查询主体的信息状况：a.可以委托合法存续的第三方机构收集、查询、验证、使用并提供您或被查询主体的个人信息；b.可以向数据源机构采集您或被查询主体的个人信息；c.可以整理、保存、加工、使用您或被查询主体的个人信息，并向您提供数据报告；d.可以向为您提供服务的第三方商户提供脱敏后的个人信息或数据报告。本条所述的个人信息包括但不限于身份信息、联系方式、职业和居住地址等个人基本信息，个人社保、公积金、收入及在商业活动中形成的各类交易记录，个人公共费用缴纳、违法违规信息、财产状况等；
|
||||
D.被查询主体不可撤销地授权海南海宇大数据有限公司为查询、评估被查询主体的信息状况：a.可以委托合法存续的第三方机构收集、查询、验证、使用并提供您或被查询主体的个人信息；b.可以向数据源机构采集您或被查询主体的个人信息；c.可以整理、保存、加工、使用您或被查询主体的个人信息，并向您提供数据报告；d.可以向为您提供服务的第三方商户提供脱敏后的个人信息或数据报告。本条所述的个人信息包括但不限于身份信息、联系方式、职业和居住地址等个人基本信息，个人社保、公积金、收入及在商业活动中形成的各类交易记录，个人公共费用缴纳、违法违规信息、财产状况等；
|
||||
</div>
|
||||
<div>
|
||||
E.被查询主体已被明确告知提供被查询主体信息并作出D项授权可能给被查询主体带来的各类损失以及其他可能的不利后果，包括采集上述个人信息对被查询主体信用方面可能产生不良影响以及上述信息被信息使用者依法提供给第三方后被他人不当利用的风险。
|
||||
@@ -47,7 +47,7 @@
|
||||
二、服务中断或故障
|
||||
</div>
|
||||
<div class="leading-relaxed">
|
||||
您同意，因下列原因导致海南天远大数据科技有限公司无法正常提供本服务的，海南天远大数据科技有限公司不承担责任：
|
||||
您同意，因下列原因导致海南海宇大数据有限公司无法正常提供本服务的，海南海宇大数据有限公司不承担责任：
|
||||
</div>
|
||||
<div class="leading-relaxed">
|
||||
<div>（1）承载本服务的系统停机维护期间；</div>
|
||||
@@ -55,7 +55,7 @@
|
||||
（2）您的电脑、手机软硬件和通信线路、供电线路出现故障的；
|
||||
</div>
|
||||
<div>
|
||||
（3）您操作不当或通过非海南天远大数据科技有限公司授权或认可的方式使用本服务的；
|
||||
（3）您操作不当或通过非海南海宇大数据有限公司授权或认可的方式使用本服务的；
|
||||
</div>
|
||||
<div>
|
||||
（4）因病毒、木马、恶意程序攻击、网络拥堵、系统不稳定、系统或设备故障、通讯故障、电力故障或政府行为等原因；
|
||||
@@ -68,7 +68,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="leading-relaxed">
|
||||
海南天远大数据科技有限公司不对因使用本服务而对用户造成的间接的、附带的、特殊的、后果性的损失承担任何法律责任；尽管有前款约定海南天远大数据科技有限公司将采取合理行动积极促使本服务恢复正常。
|
||||
海南海宇大数据有限公司不对因使用本服务而对用户造成的间接的、附带的、特殊的、后果性的损失承担任何法律责任；尽管有前款约定海南海宇大数据有限公司将采取合理行动积极促使本服务恢复正常。
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
@@ -76,17 +76,17 @@
|
||||
三、信息的使用和保护
|
||||
</div>
|
||||
<div class="leading-relaxed">
|
||||
海南天远大数据科技有限公司深知您注重个人信息安全和保护，并理解保护被查询主体个人信息的重要性。
|
||||
海南天远大数据科技有限公司会严格遵守中国关于收集、使用、保存用户个人信息的相关法律法规，
|
||||
海南海宇大数据有限公司深知您注重个人信息安全和保护，并理解保护被查询主体个人信息的重要性。
|
||||
海南海宇大数据有限公司会严格遵守中国关于收集、使用、保存用户个人信息的相关法律法规，
|
||||
尽最大努力采用相应安全技术和管理手段保护您或被查询主体的个人信息，
|
||||
防止您或被查询主体个人信息遭受未经授权的访问、适用或泄露、毁损、篡改或者丢失。
|
||||
未经您或被查询主体的授权不会向任何第三方提供。
|
||||
</div>
|
||||
<div class="leading-relaxed">
|
||||
您使用本服务，即表示您已授权海南天远大数据科技有限公司将您相关信息披露给海南天远大数据科技有限公司关联公司
|
||||
您使用本服务，即表示您已授权海南海宇大数据有限公司将您相关信息披露给海南海宇大数据有限公司关联公司
|
||||
（关联公司是指直接或间接控制于本协议一方的任何法律实体，或者与本协议一方共同于另一法律实体的任何法律实体）使用，
|
||||
且海南天远大数据科技有限公司关联公司仅为了向您提供服务而使用您的相关信息。
|
||||
如海南天远大数据科技有限公司关联公司使用您的相关信息，则受本协议约束且会按照与海南天远大数据科技有限公司同等谨慎程度保护您的相关信息。
|
||||
且海南海宇大数据有限公司关联公司仅为了向您提供服务而使用您的相关信息。
|
||||
如海南海宇大数据有限公司关联公司使用您的相关信息，则受本协议约束且会按照与海南海宇大数据有限公司同等谨慎程度保护您的相关信息。
|
||||
</div>
|
||||
<div class="leading-relaxed">
|
||||
在您使用本服务过程中，特别是在申请提现、实名认证或佣金结算时，您需要提供包括但不限于姓名、身份证号、银行卡号、手机号、税务身份信息等个人资料。
|
||||
@@ -97,20 +97,20 @@
|
||||
您有权查询、更正您的个人信息，也可以根据平台流程申请注销账户或停止使用相关服务，我们将根据法律要求妥善处理相关信息。
|
||||
</div>
|
||||
<div class="leading-relaxed">
|
||||
海南天远大数据科技有限公司就下列原因导致的您或被查询主体个人信息的泄露，不承担任何法律责任：
|
||||
海南海宇大数据有限公司就下列原因导致的您或被查询主体个人信息的泄露，不承担任何法律责任：
|
||||
</div>
|
||||
<div class="leading-relaxed">
|
||||
<div>
|
||||
（1）由于您个人原因将本服务的会员账号和密码告知他人或与他人共享海南天远大数据科技有限公司服务账户，由此导致的与您相关的信息的泄露。
|
||||
（1）由于您个人原因将本服务的会员账号和密码告知他人或与他人共享海南海宇大数据有限公司服务账户，由此导致的与您相关的信息的泄露。
|
||||
</div>
|
||||
<div>
|
||||
（2）您使用第三方提供的服务（包括您向第三方提供的任何个人信息），须受第三方自己的服务条款及个人信息保护协议（而非本协议）约束，您需要仔细阅读其条款。本协议仅适用于海南天远大数据科技有限公司所提供的服务，并不适用于任何第三方提供的服务或第三方的信息使用规则，海南天远大数据科技有限公司对任何第三方使用由您提供的信息不承担任何责任。
|
||||
（2）您使用第三方提供的服务（包括您向第三方提供的任何个人信息），须受第三方自己的服务条款及个人信息保护协议（而非本协议）约束，您需要仔细阅读其条款。本协议仅适用于海南海宇大数据有限公司所提供的服务，并不适用于任何第三方提供的服务或第三方的信息使用规则，海南海宇大数据有限公司对任何第三方使用由您提供的信息不承担任何责任。
|
||||
</div>
|
||||
<div>
|
||||
（3）根据相关的法律法规、相关政府主管部门或相关证券交易所的要求提供、公布与您相关的信息。
|
||||
</div>
|
||||
<div>
|
||||
（4）或其他非因海南天远大数据科技有限公司原因导致的与您相关的信息的泄露。
|
||||
（4）或其他非因海南海宇大数据有限公司原因导致的与您相关的信息的泄露。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -124,7 +124,7 @@
|
||||
（1）您使用本服务的前提是您依照适用的法律，是具有完全民事权利和民事行为能力，能够独立承担民事责任的自然人。
|
||||
</div>
|
||||
<div>
|
||||
（2）您如违反本协议第一条款中的承诺，您可能会对他人造成侵权。如由此给海南天远大数据科技有限公司或他人造成损失的，您需依照法律法规规定承担相应的法律责任。
|
||||
（2）您如违反本协议第一条款中的承诺，您可能会对他人造成侵权。如由此给海南海宇大数据有限公司或他人造成损失的，您需依照法律法规规定承担相应的法律责任。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -135,10 +135,10 @@
|
||||
五、知识产权保护
|
||||
</div>
|
||||
<div class="leading-relaxed">
|
||||
本服务涉及的文档资料、软件、商标、图案、排版设计等（以下简称“海南天远大数据科技有限公司产品”）的著作权、商标以及其他知识产权或权益均为海南天远大数据科技有限公司享有或海南天远大数据科技有限公司获得授权使用。
|
||||
用户不得出租、出借、拷贝、仿冒、复制或修改海南天远大数据科技有限公司产品任何部分或用于其他任何商业目的，
|
||||
也不得将海南天远大数据科技有限公司产品做反向工程、反编译或反汇编，或以其他方式或工具取得海南天远大数据科技有限公司产品之目标程序或源代码。
|
||||
如果用户违反此约定，造成海南天远大数据科技有限公司及其他任何第三方任何损失的，甲方应予以全额赔偿。
|
||||
本服务涉及的文档资料、软件、商标、图案、排版设计等（以下简称“海南海宇大数据有限公司产品”）的著作权、商标以及其他知识产权或权益均为海南海宇大数据有限公司享有或海南海宇大数据有限公司获得授权使用。
|
||||
用户不得出租、出借、拷贝、仿冒、复制或修改海南海宇大数据有限公司产品任何部分或用于其他任何商业目的，
|
||||
也不得将海南海宇大数据有限公司产品做反向工程、反编译或反汇编，或以其他方式或工具取得海南海宇大数据有限公司产品之目标程序或源代码。
|
||||
如果用户违反此约定，造成海南海宇大数据有限公司及其他任何第三方任何损失的，甲方应予以全额赔偿。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -194,7 +194,7 @@
|
||||
<!-- 第八部分 -->
|
||||
<div class="mb-2 font-bold leading-relaxed">八、违约</div>
|
||||
<div class="leading-relaxed">
|
||||
用户不得利用本服务进行任何损害海南天远大数据科技有限公司及其他第三方权益的行为，否则海南天远大数据科技有限公司有权立即终止为该用户提供本服务，并要求用户赔偿损失。由此产生的任何后果由用户自行承担，与海南天远大数据科技有限公司无关。
|
||||
用户不得利用本服务进行任何损害海南海宇大数据有限公司及其他第三方权益的行为，否则海南海宇大数据有限公司有权立即终止为该用户提供本服务，并要求用户赔偿损失。由此产生的任何后果由用户自行承担，与海南海宇大数据有限公司无关。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -236,7 +236,7 @@
|
||||
<div class="mb-2 font-bold leading-relaxed">十二、适用法律</div>
|
||||
<div class="leading-relaxed">
|
||||
本协议条款的解释、效力及纠纷的解决，适用中华人民共和国大陆地区法律法规。
|
||||
如用户和海南天远大数据科技有限公司之间发生任何争议，首先应友好协商解决，协商不成的，应将争议提交至海南天远大数据科技有限公司注册地有管辖权的人民法院解决。
|
||||
如用户和海南海宇大数据有限公司之间发生任何争议，首先应友好协商解决，协商不成的，应将争议提交至海南海宇大数据有限公司注册地有管辖权的人民法院解决。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -246,8 +246,8 @@
|
||||
<div class="leading-relaxed">
|
||||
如您对本协议及本服务有任何问题，请通过邮箱
|
||||
<text class="text-blue-500"> admin@iieeii.com </text> 或
|
||||
通过“联系客服”联系海南天远大数据科技有限公司进行咨询。
|
||||
海南天远大数据科技有限公司会尽最大努力解决您的问题。
|
||||
通过“联系客服”联系海南海宇大数据有限公司进行咨询。
|
||||
海南海宇大数据有限公司会尽最大努力解决您的问题。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -20,94 +20,248 @@
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<!-- 提现卡片 -->
|
||||
<div class="rounded-xl shadow-lg p-6 mb-4" style="background: linear-gradient(135deg, var(--van-theme-primary-light), rgba(255,255,255,0.8));">
|
||||
<div class="flex items-center mb-6">
|
||||
<van-icon name="alipay" class="text-xl mr-2" style="color: #1677FF;" />
|
||||
<h1 class="text-xl font-bold" style="color: var(--van-text-color);">支付宝提现</h1>
|
||||
</div>
|
||||
<!-- 提现方式切换标签 -->
|
||||
<van-tabs v-if="showTabs" v-model:active="activeTab" class="mb-4" @change="onTabChange">
|
||||
<van-tab v-if="showAlipay" title="支付宝提现" name="alipay">
|
||||
<div class="rounded-xl shadow-lg p-6 mb-4 mt-4"
|
||||
style="background: linear-gradient(135deg, var(--van-theme-primary-light), rgba(255,255,255,0.8));">
|
||||
<div class="flex items-center mb-6">
|
||||
<van-icon name="alipay" class="text-xl mr-2" style="color: #1677FF;" />
|
||||
<h1 class="text-xl font-bold" style="color: var(--van-text-color);">支付宝提现</h1>
|
||||
</div>
|
||||
|
||||
<!-- 支付宝账号 -->
|
||||
<div class="mb-6">
|
||||
<label class="text-sm mb-2 block" style="color: var(--van-text-color);">支付宝账号</label>
|
||||
<van-field v-model="alipayAccount" placeholder="请输入支付宝账号"
|
||||
class="flex items-center rounded-lg bg-white/90 backdrop-blur-sm shadow-sm"
|
||||
:rules="[{ required: true, message: ' ' }]">
|
||||
<template #left-icon>
|
||||
<van-icon name="phone-o" style="color: var(--van-text-color-2);" />
|
||||
</template>
|
||||
</van-field>
|
||||
<small class="text-xs mt-1 block" style="color: var(--van-text-color-2);">可填写支付宝账户绑定的手机号</small>
|
||||
<!-- 支付宝账号 -->
|
||||
<div class="mb-6">
|
||||
<label class="text-sm mb-2 block" style="color: var(--van-text-color);">支付宝账号</label>
|
||||
<van-field v-model="alipayAccount" placeholder="请输入支付宝账号"
|
||||
class="flex items-center rounded-lg bg-white/90 backdrop-blur-sm shadow-sm"
|
||||
:rules="[{ required: true, message: ' ' }]">
|
||||
<template #left-icon>
|
||||
<van-icon name="phone-o" style="color: var(--van-text-color-2);" />
|
||||
</template>
|
||||
</van-field>
|
||||
<small class="text-xs mt-1 block"
|
||||
style="color: var(--van-text-color-2);">可填写支付宝账户绑定的手机号</small>
|
||||
</div>
|
||||
<!-- 支付宝实名姓名 -->
|
||||
<div class="mb-6">
|
||||
<label class="text-sm mb-2 block" style="color: var(--van-text-color);">实名姓名</label>
|
||||
<van-field v-model="alipayRealName" placeholder="请输入支付宝认证姓名"
|
||||
class="flex items-center rounded-lg bg-white/90 backdrop-blur-sm shadow-sm" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: ' ',
|
||||
validator: (val) =>
|
||||
/^[\u4e00-\u9fa5]{2,4}$/.test(val),
|
||||
},
|
||||
]">
|
||||
<template #left-icon>
|
||||
<van-icon name="contact-o" style="color: var(--van-text-color-2);" />
|
||||
</template>
|
||||
</van-field>
|
||||
<small class="text-xs mt-1 block"
|
||||
style="color: var(--van-text-color-2);">请填写支付宝账户认证的真实姓名</small>
|
||||
</div>
|
||||
</div>
|
||||
</van-tab>
|
||||
<van-tab v-if="showBankcard" title="银行卡提现" name="bankcard">
|
||||
<div class="rounded-xl shadow-lg p-6 mb-4 mt-4"
|
||||
style="background: linear-gradient(135deg, var(--van-theme-primary-light), rgba(255,255,255,0.8));">
|
||||
<div class="flex items-center mb-6">
|
||||
<van-icon name="credit-pay" class="text-xl mr-2" style="color: #1677FF;" />
|
||||
<h1 class="text-xl font-bold" style="color: var(--van-text-color);">银行卡提现</h1>
|
||||
</div>
|
||||
|
||||
<!-- 实名信息展示 -->
|
||||
<div v-if="bankCardInfo.payee_name" class="mb-4 p-4 rounded-lg"
|
||||
style="background-color: rgba(22, 119, 255, 0.1);">
|
||||
<div class="text-xs mb-2" style="color: var(--van-text-color-2);">您的实名信息</div>
|
||||
<div class="text-sm" style="color: var(--van-text-color);">
|
||||
<div class="mb-1">姓名：<span class="font-semibold">{{ bankCardInfo.payee_name }}</span>
|
||||
</div>
|
||||
<div>身份证号：<span class="font-semibold">{{ formatIdCard(bankCardInfo.id_card) }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xs mt-2" style="color: #f59e0b;">
|
||||
<van-icon name="warning-o" class="mr-1" />提示：银行卡信息需与实名认证信息一致
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 银行卡号 -->
|
||||
<div class="mb-6">
|
||||
<label class="text-sm mb-2 block" style="color: var(--van-text-color);">银行卡号</label>
|
||||
<van-field v-model="bankCardNo" type="number" placeholder="请输入银行卡号（16-19位）"
|
||||
class="flex items-center rounded-lg bg-white/90 backdrop-blur-sm shadow-sm" :rules="[
|
||||
{ required: true, message: ' ' },
|
||||
{ validator: validateBankCardNo, message: ' ' },
|
||||
]">
|
||||
<template #left-icon>
|
||||
<van-icon name="credit-pay" style="color: var(--van-text-color-2);" />
|
||||
</template>
|
||||
</van-field>
|
||||
<small class="text-xs mt-1 block"
|
||||
style="color: var(--van-text-color-2);">请输入16-19位银行卡号</small>
|
||||
</div>
|
||||
<!-- 开户支行 -->
|
||||
<div class="mb-6">
|
||||
<label class="text-sm mb-2 block" style="color: var(--van-text-color);">开户支行</label>
|
||||
<van-field v-model="bankName" placeholder="请输入开户支行"
|
||||
class="flex items-center rounded-lg bg-white/90 backdrop-blur-sm shadow-sm"
|
||||
:rules="[{ required: true, message: ' ' }]">
|
||||
<template #left-icon>
|
||||
<van-icon name="location-o" style="color: var(--van-text-color-2);" />
|
||||
</template>
|
||||
</van-field>
|
||||
<small class="text-xs mt-1 block"
|
||||
style="color: var(--van-text-color-2);">例如：中国工商银行XX支行</small>
|
||||
</div>
|
||||
</div>
|
||||
</van-tab>
|
||||
</van-tabs>
|
||||
|
||||
<!-- 如果只显示一种方式，不显示 tabs，直接显示内容 -->
|
||||
<div v-if="!showTabs">
|
||||
<!-- 只显示支付宝提现 -->
|
||||
<div v-if="showAlipay && !showBankcard" class="rounded-xl shadow-lg p-6 mb-4 mt-4"
|
||||
style="background: linear-gradient(135deg, var(--van-theme-primary-light), rgba(255,255,255,0.8));">
|
||||
<div class="flex items-center mb-6">
|
||||
<van-icon name="alipay" class="text-xl mr-2" style="color: #1677FF;" />
|
||||
<h1 class="text-xl font-bold" style="color: var(--van-text-color);">支付宝提现</h1>
|
||||
</div>
|
||||
|
||||
<!-- 支付宝账号 -->
|
||||
<div class="mb-6">
|
||||
<label class="text-sm mb-2 block" style="color: var(--van-text-color);">支付宝账号</label>
|
||||
<van-field v-model="alipayAccount" placeholder="请输入支付宝账号"
|
||||
class="flex items-center rounded-lg bg-white/90 backdrop-blur-sm shadow-sm"
|
||||
:rules="[{ required: true, message: ' ' }]">
|
||||
<template #left-icon>
|
||||
<van-icon name="phone-o" style="color: var(--van-text-color-2);" />
|
||||
</template>
|
||||
</van-field>
|
||||
<small class="text-xs mt-1 block" style="color: var(--van-text-color-2);">可填写支付宝账户绑定的手机号</small>
|
||||
</div>
|
||||
<!-- 支付宝实名姓名 -->
|
||||
<div class="mb-6">
|
||||
<label class="text-sm mb-2 block" style="color: var(--van-text-color);">实名姓名</label>
|
||||
<van-field v-model="alipayRealName" placeholder="请输入支付宝认证姓名"
|
||||
class="flex items-center rounded-lg bg-white/90 backdrop-blur-sm shadow-sm" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: ' ',
|
||||
validator: (val) =>
|
||||
/^[\u4e00-\u9fa5]{2,4}$/.test(val),
|
||||
},
|
||||
]">
|
||||
<template #left-icon>
|
||||
<van-icon name="contact-o" style="color: var(--van-text-color-2);" />
|
||||
</template>
|
||||
</van-field>
|
||||
<small class="text-xs mt-1 block"
|
||||
style="color: var(--van-text-color-2);">请填写支付宝账户认证的真实姓名</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 只显示银行卡提现 -->
|
||||
<div v-if="showBankcard && !showAlipay" class="rounded-xl shadow-lg p-6 mb-4 mt-4"
|
||||
style="background: linear-gradient(135deg, var(--van-theme-primary-light), rgba(255,255,255,0.8));">
|
||||
<div class="flex items-center mb-6">
|
||||
<van-icon name="credit-pay" class="text-xl mr-2" style="color: #1677FF;" />
|
||||
<h1 class="text-xl font-bold" style="color: var(--van-text-color);">银行卡提现</h1>
|
||||
</div>
|
||||
|
||||
<!-- 实名信息展示 -->
|
||||
<div v-if="bankCardInfo.payee_name" class="mb-4 p-4 rounded-lg"
|
||||
style="background-color: rgba(22, 119, 255, 0.1);">
|
||||
<div class="text-xs mb-2" style="color: var(--van-text-color-2);">您的实名信息</div>
|
||||
<div class="text-sm" style="color: var(--van-text-color);">
|
||||
<div class="mb-1">姓名：<span class="font-semibold">{{ bankCardInfo.payee_name }}</span>
|
||||
</div>
|
||||
<div>身份证号：<span class="font-semibold">{{ formatIdCard(bankCardInfo.id_card) }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xs mt-2" style="color: #f59e0b;">
|
||||
<van-icon name="warning-o" class="mr-1" />提示：银行卡信息需与实名认证信息一致
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 银行卡号 -->
|
||||
<div class="mb-6">
|
||||
<label class="text-sm mb-2 block" style="color: var(--van-text-color);">银行卡号</label>
|
||||
<van-field v-model="bankCardNo" type="number" placeholder="请输入银行卡号（16-19位）"
|
||||
class="flex items-center rounded-lg bg-white/90 backdrop-blur-sm shadow-sm" :rules="[
|
||||
{ required: true, message: ' ' },
|
||||
{ validator: validateBankCardNo, message: ' ' },
|
||||
]">
|
||||
<template #left-icon>
|
||||
<van-icon name="credit-pay" style="color: var(--van-text-color-2);" />
|
||||
</template>
|
||||
</van-field>
|
||||
<small class="text-xs mt-1 block" style="color: var(--van-text-color-2);">请输入16-19位银行卡号</small>
|
||||
</div>
|
||||
<!-- 开户支行 -->
|
||||
<div class="mb-6">
|
||||
<label class="text-sm mb-2 block" style="color: var(--van-text-color);">开户支行</label>
|
||||
<van-field v-model="bankName" placeholder="请输入开户支行"
|
||||
class="flex items-center rounded-lg bg-white/90 backdrop-blur-sm shadow-sm"
|
||||
:rules="[{ required: true, message: ' ' }]">
|
||||
<template #left-icon>
|
||||
<van-icon name="location-o" style="color: var(--van-text-color-2);" />
|
||||
</template>
|
||||
</van-field>
|
||||
<small class="text-xs mt-1 block" style="color: var(--van-text-color-2);">例如：中国工商银行XX支行</small>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 支付宝实名姓名 -->
|
||||
<div class="mb-6">
|
||||
<label class="text-sm mb-2 block" style="color: var(--van-text-color);">实名姓名</label>
|
||||
<van-field v-model="realName" placeholder="请输入支付宝认证姓名"
|
||||
class="flex items-center rounded-lg bg-white/90 backdrop-blur-sm shadow-sm" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: ' ',
|
||||
validator: (val) =>
|
||||
/^[\u4e00-\u9fa5]{2,4}$/.test(val),
|
||||
},
|
||||
]">
|
||||
<template #left-icon>
|
||||
<van-icon name="contact-o" style="color: var(--van-text-color-2);" />
|
||||
</template>
|
||||
</van-field>
|
||||
<small class="text-xs mt-1 block" style="color: var(--van-text-color-2);">请填写支付宝账户认证的真实姓名</small>
|
||||
</div>
|
||||
<!-- 提现金额 -->
|
||||
<div class="mb-4">
|
||||
<label class="text-sm mb-2 block" style="color: var(--van-text-color);">提现金额</label>
|
||||
<van-field v-model.number="amount" type="number" placeholder="请输入提现金额"
|
||||
class="flex items-center rounded-lg bg-white/90 backdrop-blur-sm shadow-sm" :rules="[
|
||||
{ required: true, message: ' ' },
|
||||
{ validator: validateAmount, message: ' ' },
|
||||
]">
|
||||
<template #left-icon>
|
||||
<van-icon name="gold-coin-o" style="color: var(--van-text-color-2);" />
|
||||
</template>
|
||||
<template #right-icon> 元 </template>
|
||||
<template #button>
|
||||
<van-button size="small" type="primary"
|
||||
class="rounded-full px-3 shadow-sm"
|
||||
style="background-color: var(--van-theme-primary); color: white;"
|
||||
@click="fillMaxAmount">
|
||||
全部提现
|
||||
</van-button>
|
||||
</template>
|
||||
</van-field>
|
||||
</div>
|
||||
|
||||
<!-- 金额提示 -->
|
||||
<div class="text-sm mb-2" style="color: var(--van-text-color);">
|
||||
可提现金额：<span class="font-semibold" style="color: var(--van-theme-primary);">¥{{ availableAmount }}</span>
|
||||
<!-- 提现金额（共用） -->
|
||||
<div class="mb-4">
|
||||
<label class="text-sm mb-2 block" style="color: var(--van-text-color);">提现金额</label>
|
||||
<van-field v-model.number="amount" type="number" placeholder="请输入提现金额"
|
||||
class="flex items-center rounded-lg bg-white/90 backdrop-blur-sm shadow-sm" :rules="[
|
||||
{ required: true, message: ' ' },
|
||||
{ validator: validateAmount, message: ' ' },
|
||||
]">
|
||||
<template #left-icon>
|
||||
<van-icon name="gold-coin-o" style="color: var(--van-text-color-2);" />
|
||||
</template>
|
||||
<template #right-icon> 元 </template>
|
||||
<template #button>
|
||||
<van-button size="small" type="primary" class="rounded-full px-3 shadow-sm"
|
||||
style="background-color: var(--van-theme-primary); color: white;" @click="fillMaxAmount">
|
||||
全部提现
|
||||
</van-button>
|
||||
</template>
|
||||
</van-field>
|
||||
</div>
|
||||
|
||||
<!-- 金额提示 -->
|
||||
<div class="text-sm mb-2" style="color: var(--van-text-color);">
|
||||
可提现金额：<span class="font-semibold" style="color: var(--van-theme-primary);">¥{{ availableAmount }}</span>
|
||||
</div>
|
||||
|
||||
<!-- 提现规则 -->
|
||||
<div class="p-4 rounded-xl backdrop-blur-sm mb-4" style="background-color: var(--van-theme-primary-light);">
|
||||
<div class="flex items-center text-sm mb-2" style="color: var(--van-theme-primary);">
|
||||
<van-icon name="warning" class="mr-1" />提现须知
|
||||
</div>
|
||||
<ul class="text-xs space-y-1" style="color: var(--van-text-color);">
|
||||
<li>· 每日限提现1次，最低50元</li>
|
||||
<li>· 提现收取6%税收</li>
|
||||
<li v-if="activeTab === 'alipay'">· 到账时间：24小时内</li>
|
||||
<li v-else>· 到账时间：管理员审核后手动转账</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 提现规则 -->
|
||||
<div class="p-4 rounded-xl backdrop-blur-sm" style="background-color: var(--van-theme-primary-light);">
|
||||
<div class="flex items-center text-sm mb-2" style="color: var(--van-theme-primary);">
|
||||
<van-icon name="warning" class="mr-1" />提现须知
|
||||
</div>
|
||||
<ul class="text-xs space-y-1" style="color: var(--van-text-color);">
|
||||
<li>· 每日限提现1次，最低50元</li>
|
||||
<li>· 提现收取6%税收</li>
|
||||
<li>· 到账时间：24小时内</li>
|
||||
</ul>
|
||||
<!-- 税收说明 -->
|
||||
<div class="p-4 rounded-xl backdrop-blur-sm mb-4" style="background-color: rgba(251, 191, 36, 0.1);">
|
||||
<div class="flex items-center text-sm mb-2" style="color: #f59e0b;">
|
||||
<van-icon name="info-o" class="mr-1" />税收说明
|
||||
</div>
|
||||
|
||||
<!-- 税收说明 -->
|
||||
<div class="p-4 rounded-xl backdrop-blur-sm mt-4" style="background-color: rgba(251, 191, 36, 0.1);">
|
||||
<div class="flex items-center text-sm mb-2" style="color: #f59e0b;">
|
||||
<van-icon name="info-o" class="mr-1" />税收说明
|
||||
</div>
|
||||
<div class="text-xs leading-relaxed" style="color: var(--van-text-color);">
|
||||
<p>根据相关规定，提现时将统一收取6%的税收，该税收用于相关税费支出。</p>
|
||||
<p class="mt-2" style="color: #f59e0b;">• 税率标准：统一按6%收取</p>
|
||||
<p style="color: #f59e0b;">• 适用范围：所有提现金额</p>
|
||||
</div>
|
||||
<div class="text-xs leading-relaxed" style="color: var(--van-text-color);">
|
||||
<p>根据相关规定，提现时将统一收取6%的税收，该税收用于相关税费支出。</p>
|
||||
<p class="mt-2" style="color: #f59e0b;">• 税率标准：统一按6%收取</p>
|
||||
<p style="color: #f59e0b;">• 适用范围：所有提现金额</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -201,11 +355,14 @@
|
||||
</h2>
|
||||
<template v-if="status === 2">
|
||||
<p class="text-sm" style="color: var(--van-text-color-2);">
|
||||
已向
|
||||
<span style="color: var(--van-theme-primary);">{{
|
||||
alipayAccount
|
||||
}}</span>
|
||||
转账
|
||||
<span v-if="activeTab === 'alipay'">
|
||||
已向
|
||||
<span style="color: var(--van-theme-primary);">{{ alipayAccount }}</span>
|
||||
转账
|
||||
</span>
|
||||
<span v-else>
|
||||
提现申请已通过，管理员将手动转账
|
||||
</span>
|
||||
</p>
|
||||
<p class="text-2xl font-bold mt-2" style="color: #10b981;">
|
||||
¥{{ amount }}
|
||||
@@ -227,12 +384,13 @@
|
||||
<!-- 辅助文案 -->
|
||||
<div class="text-xs space-y-1.5" style="color: var(--van-text-color-2);">
|
||||
<template v-if="status === 2">
|
||||
<p>预计24小时内到账</p>
|
||||
<p>可在支付宝账单中查看详情</p>
|
||||
<p v-if="activeTab === 'alipay'">预计24小时内到账</p>
|
||||
<p v-else>请等待管理员审核并转账</p>
|
||||
</template>
|
||||
<template v-if="status === 1">
|
||||
<p>您的申请已进入处理队列</p>
|
||||
<p>5分钟后结果在提现记录种查看</p>
|
||||
<p v-if="activeTab === 'alipay'">您的申请已进入处理队列</p>
|
||||
<p v-else>您的申请已提交，等待管理员审核</p>
|
||||
<p>可在提现记录中查看结果</p>
|
||||
</template>
|
||||
</div>
|
||||
|
||||
@@ -258,12 +416,51 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, computed } from "vue";
|
||||
import { ref, computed, onBeforeMount } from "vue";
|
||||
import { showToast } from "vant";
|
||||
import RealNameAuthDialog from "@/components/RealNameAuthDialog.vue";
|
||||
|
||||
const agentStore = useAgentStore();
|
||||
const dialogStore = useDialogStore();
|
||||
|
||||
// ========== 提现方式配置开关 ==========
|
||||
// 可以通过环境变量或后端接口控制
|
||||
// 配置选项：
|
||||
// - 'alipay': 只显示支付宝提现
|
||||
// - 'bankcard': 只显示银行卡提现
|
||||
// - 'both': 显示两种提现方式（默认）
|
||||
// - 数组形式: ['alipay', 'bankcard'] 或 ['alipay'] 或 ['bankcard']
|
||||
const WITHDRAW_CONFIG = import.meta.env.VITE_WITHDRAW_METHODS || 'bankcard';
|
||||
// 解析配置：支持字符串和数组格式
|
||||
const getWithdrawMethods = () => {
|
||||
if (Array.isArray(WITHDRAW_CONFIG)) {
|
||||
return WITHDRAW_CONFIG;
|
||||
}
|
||||
if (typeof WITHDRAW_CONFIG === 'string') {
|
||||
if (WITHDRAW_CONFIG === 'alipay') return ['alipay'];
|
||||
if (WITHDRAW_CONFIG === 'bankcard') return ['bankcard'];
|
||||
if (WITHDRAW_CONFIG === 'both') return ['alipay', 'bankcard'];
|
||||
// 支持逗号分隔的字符串: "alipay,bankcard" 或 "alipay" 或 "bankcard"
|
||||
return WITHDRAW_CONFIG.split(',').map(s => s.trim()).filter(Boolean);
|
||||
}
|
||||
return ['alipay', 'bankcard']; // 默认都显示
|
||||
};
|
||||
|
||||
const enabledMethods = getWithdrawMethods();
|
||||
const showAlipay = enabledMethods.includes('alipay');
|
||||
const showBankcard = enabledMethods.includes('bankcard');
|
||||
const showTabs = showAlipay && showBankcard; // 只有两种都显示时才显示 tabs
|
||||
|
||||
// 标签页管理
|
||||
const getInitialTab = () => {
|
||||
// 如果只显示一种方式，直接设置为该方式
|
||||
if (showAlipay && !showBankcard) return 'alipay';
|
||||
if (showBankcard && !showAlipay) return 'bankcard';
|
||||
// 如果两种都显示，默认支付宝
|
||||
return 'alipay';
|
||||
};
|
||||
const activeTab = ref(getInitialTab());
|
||||
|
||||
// 状态管理
|
||||
const status = ref(null);
|
||||
const failMsg = ref("");
|
||||
@@ -272,17 +469,15 @@ const showStatusPopup = ref(false);
|
||||
const showTaxConfirmPopup = ref(false);
|
||||
|
||||
// 税务
|
||||
const taxFreeAmount = ref(0); // 免税额度
|
||||
const usedExemptionAmount = ref(0); // 已使用免税额度
|
||||
const remainingExemptionAmount = ref(0); // 剩余免税额度
|
||||
const taxRate = ref(0); // 税率
|
||||
const taxFreeAmount = ref(0);
|
||||
const usedExemptionAmount = ref(0);
|
||||
const remainingExemptionAmount = ref(0);
|
||||
const taxRate = ref(0);
|
||||
|
||||
// 计算扣税金额和实际到账金额
|
||||
const taxAmount = computed(() => {
|
||||
if (!amount.value) return 0;
|
||||
const withdrawAmount = Number(amount.value);
|
||||
|
||||
// 统一收取6%手续费，不再有免税额度
|
||||
return withdrawAmount * 0.06;
|
||||
});
|
||||
|
||||
@@ -321,17 +516,73 @@ const statusButtonColor = {
|
||||
2: "#10b981",
|
||||
3: "#ef4444",
|
||||
};
|
||||
|
||||
const statusMessages = {
|
||||
1: "提现申请处理中，请稍后再查询结果",
|
||||
1: activeTab.value === 'alipay' ? "提现申请处理中，请稍后再查询结果" : "提现申请已提交，等待管理员审核",
|
||||
2: "提现成功",
|
||||
3: "提现失败",
|
||||
};
|
||||
|
||||
// 表单数据
|
||||
// 表单数据 - 支付宝
|
||||
const alipayAccount = ref("");
|
||||
const alipayRealName = ref("");
|
||||
|
||||
// 表单数据 - 银行卡
|
||||
const bankCardNo = ref("");
|
||||
const bankName = ref("");
|
||||
const bankCardInfo = ref({
|
||||
bank_card_no: "",
|
||||
bank_name: "",
|
||||
payee_name: "",
|
||||
id_card: "",
|
||||
});
|
||||
|
||||
// 共用数据
|
||||
const amount = ref(0);
|
||||
const availableAmount = ref(null);
|
||||
const realName = ref("");
|
||||
|
||||
// 标签页切换
|
||||
const onTabChange = (name) => {
|
||||
if (name === 'bankcard') {
|
||||
loadBankCardInfo();
|
||||
}
|
||||
resetForm();
|
||||
};
|
||||
|
||||
// 加载银行卡信息
|
||||
const loadBankCardInfo = async () => {
|
||||
try {
|
||||
const { data, error } = await useApiFetch("/agent/withdrawal/bank-card/info")
|
||||
.get()
|
||||
.json();
|
||||
if (data.value?.code === 200 && !error.value) {
|
||||
bankCardInfo.value = data.value.data;
|
||||
// 自动填充历史银行卡信息
|
||||
if (data.value.data.bank_card_no) {
|
||||
bankCardNo.value = data.value.data.bank_card_no;
|
||||
}
|
||||
if (data.value.data.bank_name) {
|
||||
bankName.value = data.value.data.bank_name;
|
||||
}
|
||||
}
|
||||
} catch (err) {
|
||||
console.error("加载银行卡信息失败", err);
|
||||
}
|
||||
};
|
||||
|
||||
// 格式化身份证号（显示前6位和后4位）
|
||||
const formatIdCard = (idCard) => {
|
||||
if (!idCard) return "";
|
||||
if (idCard.length <= 10) return idCard;
|
||||
return idCard.substring(0, 6) + "****" + idCard.substring(idCard.length - 4);
|
||||
};
|
||||
|
||||
// 验证银行卡号
|
||||
const validateBankCardNo = (val) => {
|
||||
if (!val) return false;
|
||||
const cardNo = String(val).replace(/\s/g, "");
|
||||
return /^\d{16,19}$/.test(cardNo);
|
||||
};
|
||||
|
||||
const getData = async () => {
|
||||
const { data: res, error } = await useApiFetch("/agent/revenue")
|
||||
@@ -346,6 +597,10 @@ const getData = async () => {
|
||||
onBeforeMount(() => {
|
||||
getData();
|
||||
getTax();
|
||||
// 根据配置加载对应的数据
|
||||
if (showBankcard && (activeTab.value === 'bankcard' || !showTabs)) {
|
||||
loadBankCardInfo();
|
||||
}
|
||||
});
|
||||
|
||||
// 表单验证
|
||||
@@ -355,17 +610,35 @@ const validateAmount = (val) => {
|
||||
};
|
||||
|
||||
const validateForm = () => {
|
||||
if (!realName.value.trim()) {
|
||||
showToast("请输入账户实名姓名");
|
||||
return false;
|
||||
}
|
||||
if (!/^[\u4e00-\u9fa5]{2,4}$/.test(realName.value)) {
|
||||
showToast("请输入2-4位中文姓名");
|
||||
return false;
|
||||
}
|
||||
if (!alipayAccount.value.trim()) {
|
||||
showToast("请输入支付宝账号");
|
||||
return false;
|
||||
if (activeTab.value === 'alipay') {
|
||||
// 支付宝提现验证
|
||||
if (!alipayRealName.value.trim()) {
|
||||
showToast("请输入账户实名姓名");
|
||||
return false;
|
||||
}
|
||||
if (!/^[\u4e00-\u9fa5]{2,4}$/.test(alipayRealName.value)) {
|
||||
showToast("请输入2-4位中文姓名");
|
||||
return false;
|
||||
}
|
||||
if (!alipayAccount.value.trim()) {
|
||||
showToast("请输入支付宝账号");
|
||||
return false;
|
||||
}
|
||||
} else {
|
||||
// 银行卡提现验证
|
||||
if (!bankCardNo.value.trim()) {
|
||||
showToast("请输入银行卡号");
|
||||
return false;
|
||||
}
|
||||
const cardNo = String(bankCardNo.value).replace(/\s/g, "");
|
||||
if (!/^\d{16,19}$/.test(cardNo)) {
|
||||
showToast("银行卡号格式不正确，请输入16-19位数字");
|
||||
return false;
|
||||
}
|
||||
if (!bankName.value.trim()) {
|
||||
showToast("请输入开户支行");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
const amountNum = Number(amount.value);
|
||||
@@ -424,22 +697,44 @@ const handleSubmit = async () => {
|
||||
const confirmWithdraw = async () => {
|
||||
isSubmitting.value = true;
|
||||
try {
|
||||
const { data, error } = await useApiFetch("/agent/withdrawal")
|
||||
.post({
|
||||
let apiUrl, requestData;
|
||||
|
||||
if (activeTab.value === 'alipay') {
|
||||
// 支付宝提现
|
||||
apiUrl = "/agent/withdrawal";
|
||||
requestData = {
|
||||
payee_account: alipayAccount.value,
|
||||
amount: amount.value,
|
||||
payee_name: realName.value,
|
||||
})
|
||||
payee_name: alipayRealName.value,
|
||||
};
|
||||
} else {
|
||||
// 银行卡提现
|
||||
apiUrl = "/agent/withdrawal/bank-card";
|
||||
requestData = {
|
||||
bank_card_no: String(bankCardNo.value).replace(/\s/g, ""),
|
||||
bank_name: bankName.value,
|
||||
amount: amount.value,
|
||||
};
|
||||
}
|
||||
|
||||
const { data, error } = await useApiFetch(apiUrl)
|
||||
.post(requestData)
|
||||
.json();
|
||||
|
||||
if (data.value?.code === 200) {
|
||||
status.value = data.value.data.status;
|
||||
showTaxConfirmPopup.value = false;
|
||||
showStatusPopup.value = true;
|
||||
if (status.value === 3) {
|
||||
failMsg.value = data.value.data.fail_msg;
|
||||
failMsg.value = data.value.data.fail_msg || "提现失败";
|
||||
}
|
||||
getData();
|
||||
} else {
|
||||
showToast(data.value?.msg || "提现失败");
|
||||
}
|
||||
} catch {
|
||||
} catch (err) {
|
||||
showToast("提现失败，请重试");
|
||||
console.error("提现失败", err);
|
||||
} finally {
|
||||
isSubmitting.value = false;
|
||||
}
|
||||
@@ -455,6 +750,7 @@ const handlePopupAction = () => {
|
||||
if (status.value === 2) resetPage();
|
||||
}
|
||||
};
|
||||
|
||||
// 填充最大金额
|
||||
const fillMaxAmount = () => {
|
||||
amount.value = availableAmount.value;
|
||||
@@ -463,9 +759,20 @@ const fillMaxAmount = () => {
|
||||
// 重置页面
|
||||
const resetForm = () => {
|
||||
status.value = null;
|
||||
alipayAccount.value = "";
|
||||
if (activeTab.value === 'alipay') {
|
||||
alipayAccount.value = "";
|
||||
alipayRealName.value = "";
|
||||
} else {
|
||||
// 银行卡提现不清空，保留历史信息
|
||||
// bankCardNo.value = "";
|
||||
// bankName.value = "";
|
||||
}
|
||||
amount.value = "";
|
||||
realName.value = "";
|
||||
};
|
||||
|
||||
const resetPage = () => {
|
||||
resetForm();
|
||||
// 可以跳转到提现记录页面
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
@@ -33,9 +33,14 @@
|
||||
</span>
|
||||
</div>
|
||||
<div class="text-xs text-gray-500">
|
||||
<div v-if="item.payee_account">
|
||||
<div v-if="item.withdraw_type === 1 && item.payee_account">
|
||||
收款账户：{{ maskName(item.payee_account) }}
|
||||
</div>
|
||||
<div v-if="item.withdraw_type === 2">
|
||||
<div v-if="item.bank_card_no">银行卡号：{{ maskBankCard(item.bank_card_no) }}</div>
|
||||
<div v-if="item.bank_name">开户支行：{{ item.bank_name }}</div>
|
||||
<div v-if="item.payee_name">收款人：{{ item.payee_name }}</div>
|
||||
</div>
|
||||
<div v-if="item.remark">备注：{{ item.remark }}</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -91,6 +96,14 @@ const maskName = (name) => {
|
||||
return name.substring(0, 3) + "****" + name.substring(7);
|
||||
};
|
||||
|
||||
// 银行卡号脱敏处理
|
||||
const maskBankCard = (cardNo) => {
|
||||
if (!cardNo || typeof cardNo !== "string") return "";
|
||||
const card = cardNo.replace(/\s/g, "");
|
||||
if (card.length <= 8) return card;
|
||||
return card.substring(0, 4) + " **** **** " + card.substring(card.length - 4);
|
||||
};
|
||||
|
||||
// 状态转中文
|
||||
const statusToChinese = (status) => {
|
||||
return statusConfig[status]?.chinese || "未知状态";
|
||||
|
||||
Reference in New Issue
Block a user