2025-12-01 15:37:01 +08:00

1159 lines
87 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view class="contract-container">
<!-- 顶部导航 -->
<view class="nav">
<text class="nav-title">特约商户支付服务合作协议V4.1</text>
<button class="save-btn" @click="saveDraft">保存草稿</button>
</view>
<!-- 合同主体可滚动 -->
<scroll-view class="contract-scroll" scroll-y :style="{ height: `${windowHeight - 120}px` }">
<view class="contract-content">
<!-- 合同头部 -->
<view class="header">
<!-- <h1 class="contract-title">特约商户支付服务合作协议V4.1</h1> -->
<view class="party-info">
<p>甲方特约商户<input v-model="formData.A1" class="fill-input fill-normal" placeholder="请填写商户全称"
required /></p>
<p>乙方支付机构拉卡拉支付股份有限公司</p>
</view>
<p class="preamble">经甲乙双方友好协商一致本着自愿互利和共赢的合作原则根据相关法律法规部门规章规范性文件卡组织规则等就乙方为甲方提供支付服务达成本协议</p>
</view>
<!-- 正文条款 1-33 -->
<view class="clauses">
<!-- 第一条 支付服务内容 -->
<view class="clause">
<h3 class="clause-num">第一条 双方确认乙方向甲方提供以下支付服务</h3>
<view class="clause-content">
<p class="service-item">1境内卡类支付业务</p>
<p class="service-desc">银联支付业务刷卡条码云闪付等业务不含无卡业务美国运通American Express支付业务</p>
<ul class="service-list">
<li>1开通业务功能
<checkbox-group @change="(e) => { this.formData.A2 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="消费类" /> 消费类
</label>
<label class="checkbox-label">
<checkbox value="预授权类" /> 预授权类
</label>
<label class="checkbox-label">
<checkbox value="其他" /> 其他<input
v-model="formData.A5" class="fill-input fill-small"
v-if="this.formData.A2.includes('其他')" placeholder="请填写业务类型" />
</label>
</checkbox-group>
</li>
<li>2收单手续费标准
<checkbox-group @change="(e) => { this.formData.A6 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="借记卡" /> 借记卡每笔交易金额的 <input
v-model="formData.A7" class="fill-input fill-tiny" type="number"
placeholder="0" />% <input v-model="formData.A8"
class="fill-input fill-tiny" type="number" placeholder="0" /> 元封顶
</label>
<label class="checkbox-label">
<checkbox value="贷记卡" /> 贷记卡每笔交易金额的 <input
v-model="formData.A10" class="fill-input fill-tiny" type="number"
placeholder="0" />%
</label>
</checkbox-group>
</li>
</ul>
<p class="service-item">2境外卡类支付业务</p>
<p class="service-desc">VisaMasterCardAmerican ExpressDinersDiscoverJCB等支付业务</p>
<ul class="service-list">
<li>1开通业务功能
<checkbox-group @change="(e) => { this.formData.A11 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="消费类" /> 消费类
</label>
<label class="checkbox-label">
<checkbox value="预授权类" /> 预授权类
</label>
<label class="checkbox-label">
<checkbox value="其他" /> 其他<input
v-model="formData.A14" class="fill-input fill-small"
v-if="this.formData.A11.includes('其他')" placeholder="请填写业务类型" />
</label>
</checkbox-group>
</li>
<li>2收单手续费标准
<table class="fee-table">
<thead>
<tr>
<th>卡种</th>
<th>DCC%</th>
<th>EDC非DCC%</th>
</tr>
</thead>
<tbody>
<tr>
<td>Visa</td>
<td><input v-model="formData.A15" class="fill-input fill-table"
type="number" placeholder="0" /></td>
<td><input v-model="formData.A16" class="fill-input fill-table"
type="number" placeholder="0" /></td>
</tr>
<tr>
<td>MasterCard</td>
<td><input v-model="formData.A17" class="fill-input fill-table"
type="number" placeholder="0" /></td>
<td><input v-model="formData.A18" class="fill-input fill-table"
type="number" placeholder="0" /></td>
</tr>
<tr>
<td>American Express</td>
<td><input v-model="formData.A19" class="fill-input fill-table"
type="number" placeholder="0" /></td>
<td><input v-model="formData.A20" class="fill-input fill-table"
type="number" placeholder="0" /></td>
</tr>
<tr>
<td>Diners</td>
<td><input v-model="formData.A21" class="fill-input fill-table"
type="number" placeholder="0" /></td>
<td><input v-model="formData.A22" class="fill-input fill-table"
type="number" placeholder="0" /></td>
</tr>
<tr>
<td>Discover</td>
<td><input v-model="formData.A23" class="fill-input fill-table"
type="number" placeholder="0" /></td>
<td><input v-model="formData.A24" class="fill-input fill-table"
type="number" placeholder="0" /></td>
</tr>
<tr>
<td>JCB</td>
<td><input v-model="formData.A25" class="fill-input fill-table"
type="number" placeholder="0" /></td>
<td><input v-model="formData.A26" class="fill-input fill-table"
type="number" placeholder="0" /></td>
</tr>
<tr>
<td>其他</td>
<td><input v-model="formData.A27" class="fill-input fill-table"
type="number" placeholder="0" /></td>
<td><input v-model="formData.A28" class="fill-input fill-table"
type="number" placeholder="0" /></td>
</tr>
</tbody>
</table>
</li>
</ul>
<p class="service-item">3扫码支付业务</p>
<p class="service-desc">除银联条码之外的其他线下扫码业务</p>
<ul class="service-list">
<li>1支付宝收单手续费标准每笔交易金额的 <input v-model="formData.A29" class="fill-input fill-tiny"
type="number" placeholder="0" />% </li>
<li>2微信收单手续费标准每笔交易金额的 <input v-model="formData.A30" class="fill-input fill-tiny"
type="number" placeholder="0" />% </li>
<li>3京东收单手续费标准每笔交易金额的 <input v-model="formData.A31" class="fill-input fill-tiny"
type="number" placeholder="0" />% </li>
<li>4拉卡拉钱包收单手续费标准每笔交易金额的 <input v-model="formData.A32" class="fill-input fill-tiny"
type="number" placeholder="0" />% </li>
<li>5数字人民币收单手续费标准每笔交易金额的 <input v-model="formData.A33" class="fill-input fill-tiny"
type="number" placeholder="0" />% </li>
<li>6其他 <input v-model="formData.A34" class="fill-input fill-small"
placeholder="扫码业务名称" /> 每笔交易金额的 <input v-model="formData.A35"
class="fill-input fill-tiny" type="number" placeholder="0" />% </li>
</ul>
<p class="service-item">4互联网支付业务</p>
<p class="service-desc"> 代付业务互联网快捷支付网银B2C/B2B支付聚合支付等线上支付业务收单手续费标准</p>
<ul class="service-list">
<li>
<checkbox-group @change="(e) => { this.formData.A36_checked = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="单笔代付" /> 单笔代付 <input
v-model="formData.A36" class="fill-input fill-tiny" type="number"
placeholder="0" />% 手续费上限 <input v-model="formData.A37"
class="fill-input fill-tiny" type="number" placeholder="0" /> 手续费下限
<input v-model="formData.A38" class="fill-input fill-tiny" type="number"
placeholder="0" />
</label>
</checkbox-group>
</li>
<li>
<checkbox-group @change="(e) => { this.formData.A39 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="批量代付" /> 批量代付 <input
v-model="formData.A40" class="fill-input fill-tiny" type="number"
placeholder="0" />% 手续费上限 <input v-model="formData.A41"
class="fill-input fill-tiny" type="number" placeholder="0" /> 手续费下限
<input v-model="formData.A42" class="fill-input fill-tiny" type="number"
placeholder="0" />
</label>
</checkbox-group>
</li>
<li>
<checkbox-group @change="(e) => { this.formData.A43 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="互联网快捷支付" /> 互联网快捷支付借记卡 <input
v-model="formData.A44" class="fill-input fill-tiny" type="number"
placeholder="0" />% 贷记卡 <input v-model="formData.A45"
class="fill-input fill-tiny" type="number" placeholder="0" />%
</label>
</checkbox-group>
</li>
<li>
<checkbox-group @change="(e) => { this.formData.A46 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="网银B2C" /> 网银B2C借记卡 <input
v-model="formData.A47" class="fill-input fill-tiny" type="number"
placeholder="0" />% 贷记卡 <input v-model="formData.A48"
class="fill-input fill-tiny" type="number" placeholder="0" />%
单笔手续费不足人民币 <input v-model="formData.A49" class="fill-input fill-tiny"
type="number" placeholder="0" /> 元的按人民币 <input v-model="formData.A50"
class="fill-input fill-tiny" type="number" placeholder="0" /> 元计算
</label>
</checkbox-group>
</li>
<li>
<checkbox-group @change="(e) => { this.formData.A51 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="网银B2B" /> 网银B2B <input
v-model="formData.A52" class="fill-input fill-tiny" type="number"
placeholder="0" /> /
</label>
</checkbox-group>
</li>
<li>
<checkbox-group @change="(e) => { this.formData.A53 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="银联线上统一收银台" /> 银联线上统一收银台借记卡
<input v-model="formData.A54" class="fill-input fill-tiny" type="number"
placeholder="0" />% 贷记卡 <input v-model="formData.A55"
class="fill-input fill-tiny" type="number" placeholder="0" />%
</label>
</checkbox-group>
</li>
<li>
<checkbox-group @change="(e) => { this.formData.AN1 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="B2B订单" /> B2B订单 <input
v-model="formData.A56" class="fill-input fill-tiny" type="number"
placeholder="0" />%
</label>
</checkbox-group>
</li>
<li>
<checkbox-group @change="(e) => { this.formData.A57 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="银联代收(代扣)" /> 银联代收代扣借记卡 <input
v-model="formData.A58" class="fill-input fill-tiny" type="number"
placeholder="0" />% 保底 <input v-model="formData.A59"
class="fill-input fill-tiny" type="number" placeholder="0" /> /贷记卡
<input v-model="formData.A60" class="fill-input fill-tiny" type="number"
placeholder="0" />% 保底 <input v-model="formData.A61"
class="fill-input fill-tiny" type="number" placeholder="0" /> /
</label>
</checkbox-group>
</li>
<li>
<checkbox-group @change="(e) => { this.formData.A62 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="无跳转支付" /> 无跳转支付借记卡 <input
v-model="formData.A63" class="fill-input fill-tiny" type="number"
placeholder="0" />% <input v-model="formData.A64"
class="fill-input fill-tiny" type="number" placeholder="0" /> 元封顶贷记卡
<input v-model="formData.A65" class="fill-input fill-tiny" type="number"
placeholder="0" />%
</label>
</checkbox-group>
</li>
<li>
<checkbox-group @change="(e) => { this.formData.A66 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="云微小程序" /> 云微小程序借记卡 <input
v-model="formData.A67" class="fill-input fill-tiny" type="number"
placeholder="0" />% <input v-model="formData.A68"
class="fill-input fill-tiny" type="number" placeholder="0" /> 元封顶贷记卡
<input v-model="formData.A69" class="fill-input fill-tiny" type="number"
placeholder="0" />%
</label>
</checkbox-group>
</li>
</ul>
<p class="service-item">5网联支付业务</p>
<table class="fee-table">
<thead>
<tr>
<th>业务类型</th>
<th>卡种</th>
<th>手续费标准</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="1">网联商业委托支付</td>
<td>借记卡</td>
<td>
<p><input v-model="formData.A70" class="fill-input fill-small"
placeholder="银行名称1" /> 每笔交易金额 <input v-model="formData.A71"
class="fill-input fill-tiny" type="number" placeholder="0" />% </p>
<p><input v-model="formData.A72" class="fill-input fill-small"
placeholder="银行名称2" /> 每笔 <input v-model="formData.A73"
class="fill-input fill-tiny" type="number" placeholder="0" /> </p>
</td>
</tr>
<tr>
<td rowspan="2">网联快捷/协议支付</td>
<td>借记卡</td>
<td>
<p><input v-model="formData.A78" class="fill-input fill-small"
placeholder="银行名称1" /> 每笔交易金额 <input v-model="formData.A79"
class="fill-input fill-tiny" type="number" placeholder="0" />% </p>
<p><input v-model="formData.A80" class="fill-input fill-small"
placeholder="银行名称2" /> 每笔 <input v-model="formData.A81"
class="fill-input fill-tiny" type="number" placeholder="0" /> </p>
</td>
</tr>
<tr>
<td>贷记卡</td>
<td>
<p><input v-model="formData.A74" class="fill-input fill-small"
placeholder="银行名称1" /> 每笔交易金额 <input v-model="formData.A75"
class="fill-input fill-tiny" type="number" placeholder="0" />% </p>
<p><input v-model="formData.A76" class="fill-input fill-small"
placeholder="银行名称2" /> 每笔 <input v-model="formData.A77"
class="fill-input fill-tiny" type="number" placeholder="0" /> </p>
</td>
</tr>
</tbody>
</table>
<p class="service-item">6大额付款业务基于行业场景的大额支付</p>
<p class="service-desc">甲乙双方按以下第 <input v-model="formData.A82" class="fill-input fill-tiny"
type="number" placeholder="1/2" /> 种方式约定大额付款支付业务收单手续费</p>
<ul class="service-list">
<li>1每笔交易金额的 <input v-model="formData.A83" class="fill-input fill-tiny" type="number"
placeholder="0" />% <input v-model="formData.A84" class="fill-input fill-tiny"
type="number" placeholder="0" /> 元封顶</li>
<li>2对私结算每笔交易金额的 <input v-model="formData.A85" class="fill-input fill-tiny"
type="number" placeholder="0" />% <input v-model="formData.A86"
class="fill-input fill-tiny" type="number" placeholder="0" /> 元封顶对公结算 <input
v-model="formData.A87" class="fill-input fill-tiny" type="number"
placeholder="0" /> /</li>
</ul>
<p class="service-item">7快速结算业务不包括境内卡类借记卡支付境外卡类支付大额付款业务</p>
<table class="fee-table">
<thead>
<tr>
<th>业务类型</th>
<th>结算周期</th>
<th>快速结算手续费标准</th>
</tr>
</thead>
<tbody>
<tr>
<td>D0</td>
<td>交易发生日</td>
<td>每笔交易金额的 <input v-model="formData.A88" class="fill-input fill-tiny"
type="number" placeholder="0" />% </td>
</tr>
</tbody>
</table>
<p class="note">
备注1D0业务开通须符合监管及乙方相关要求由甲方另行向乙方申请且经乙方审核通过后开通交易额度由乙方设定并动态调整具体以实际开通情况为准2未按快速结算业务周期结算的交易资金不收取相应的快速结算手续费
</p>
</view>
</view>
<!-- 第二条 手续费与发票 -->
<view class="clause">
<h3 class="clause-num">第二条 手续费由乙方直接在甲方交易资金中扣除甲方如需乙方开具支付业务手续费发票应在发生首笔支付业务后每自然<input
v-model="formData.A89" class="fill-input fill-tiny"
placeholder="月/季/半年/年" />次月10日前向乙方核对手续费并向乙方提出书面开票申请乙方收到甲方书面申请后20个工作日内为甲方开具相应金额的手续费发票
</h3>
</view>
<!-- 第三条 运营服务费 -->
<view class="clause">
<h3 class="clause-num">第三条 甲方使用移动通讯受理终端(含内置Esim卡)甲方按照 <input v-model="formData.A90"
class="fill-input fill-tiny" type="number" placeholder="金额" /> //年的标准申请
<checkbox-group @change="(e) => { this.formData.A91 = e.detail.value }" class="checkbox-group-container" style="display: inline-flex;">
<label class="checkbox-label">
<checkbox value="线上" /> 线上
</label>
<label class="checkbox-label">
<checkbox value="线下" /> 线下
</label>
</checkbox-group>
支付方式向乙方支付运营服务费运营服务包括终端网络维护质量管理应急响应等服务期自终端入网之日起1年当甲方同意采用线上支付方式时甲方同意交易金额超过100元授权乙方直接从待结算资金中扣收当甲方同意采用线下支付方式时甲方应自本协议生效之日起1个工作日内向乙方支付首年运营服务费首年服务到期30日前向乙方支付次年运营服务费以此类推运营服务费一经收取不予退回
</h3>
</view>
<!-- 第四条 平台系统服务 -->
<view class="clause">
<h3 class="clause-num">第四条 平台系统服务甲方如接入乙方拉卡拉开放平台或钱账通平台等甲方应在本协议签订之日起 <input
v-model="formData.A93" class="fill-input fill-tiny" type="number" placeholder="天数" />
个工作日内支付1平台接入费 <input v-model="formData.A94" class="fill-input fill-tiny" type="number"
placeholder="金额" /> 2平台维护费 <input v-model="formData.A95"
class="fill-input fill-tiny" type="number" placeholder="金额" />
/后续每年平台维护费应在双方合作一年期满后的 <input v-model="formData.A96" class="fill-input fill-tiny"
type="number" placeholder="天数" /> 个工作日内支付</h3>
</view>
<!-- 第五条 结算模式 -->
<view class="clause">
<h3 class="clause-num">第五条 甲乙双方按以下第 <input v-model="formData.A97" class="fill-input fill-tiny"
type="number" placeholder="1/2" /> 种方式约定默认结算模式</h3>
<view class="clause-content">
<p class="mode-item">
1主动结算模式甲方在APP上或通过拉卡拉开放平台发起提现指令乙方将甲方的交易资金在扣除约定的手续费和其他款项后在双方约定的结算周期内向甲方指定的结算账户划付资金甲方在T+30日周期内未发起提现指令的乙方将在T+30日完成结算提现额度由乙方设定并动态调整具体以实际开通情况为准提现手续费以拉卡拉APP拉卡拉开放平台展示的为准
</p>
<p class="mode-item">
2被动结算模式乙方将甲方的交易资金在扣除约定的手续费和其他款项后在第1个自然日不含交易当日向甲方指定的结算账户划付资金境外卡支付业务在第1个工作日不含交易当日内划付资金甲方开通快速结算业务的除外
</p>
<p class="mode-note">本协议签订后如甲方需变更结算模式可以向乙方发起变更申请最终结算模式以乙方系统记录为准</p>
</view>
</view>
<!-- 第六条 退货功能 -->
<view class="clause">
<h3 class="clause-num">第六条 甲方申请
<checkbox-group @change="(e) => { this.formData.A98 = e.detail.value }" class="checkbox-group-container" style="display: inline-flex;">
<label class="checkbox-label">
<checkbox value="开通" /> 开通
</label>
<label class="checkbox-label">
<checkbox value="不开通" /> 不开通
</label>
</checkbox-group>
退货功能乙方有权根据甲方风险状况决定是否为甲方开通退货功能具体以终端/接口实际功能为准如果甲方开通退货功能当甲方发生退货撤销冲正交易情形时乙方有权采用以下一或多种模式将退款资金扣除1从甲方退款终端交易资金中直接扣除2从甲方退款商户交易资金中直接扣除3从甲方退货账户资金中直接扣除4从甲方合作平台/集团商户退货账户资金中直接扣除如甲方需开通或关闭退货功能甲方可拨打乙方客服电话95016开通或关闭退货功能
</h3>
<p class="clause-content">
对甲方合作平台/集团商户退货账户进行扣款后甲方同意并授权乙方依据实际情况将甲方交易资金回充至相应退货账户甲方因退货操作错误等原因造成的资金风险及损失由甲方承担</p>
</view>
<!-- 第七条 数字人民币业务 -->
<view class="clause">
<h3 class="clause-num">第七条 甲方申请
<checkbox-group @change="(e) => { this.formData.A100 = e.detail.value }" class="checkbox-group-container" style="display: inline-flex;">
<label class="checkbox-label">
<checkbox value="开通" /> 开通
</label>
<label class="checkbox-label">
<checkbox value="不开通" /> 不开通
</label>
</checkbox-group>
数字人民币业务如果甲方开通数字人民币业务乙方为甲方提供数字人民币的受理服务甲方同意乙方从甲方交易资金中扣除数币受理服务费若收取甲方授权委托乙方将甲方已安装的拉卡拉 POS
终端或交易接口等方式所产生的数字人民币交易款项划至甲方指定的数字人民币钱包内 <input v-model="formData.B23"
class="fill-input fill-normal" placeholder="钱包名称" /> 或指定的结算账户内 <input
v-model="formData.B20" class="fill-input fill-normal" placeholder="账户信息" />
</h3>
<p class="clause-content">本协议签订后如甲方需变更数字人民币业务的结算模式可以向乙方发起变更申请最终结算模式以乙方系统记录为准</p>
<p class="clause-content">
乙方为甲方提供数字人民币的逐笔对账业务包括不限于以下信息商户号对账日期交易日期交易时间交易金额手续费交易币种业务类型付款运营机构名称商户订单号等</p>
</view>
<!-- 第八条 数字人民币服务费 -->
<view class="clause">
<h3 class="clause-num">第八条
甲方知晓并同意数字人民币业务根据政府统一安排乙方在推广期内不向甲方收取数币受理服务费若推广期结束乙方有权变更数币受理服务费并按本协议约定的方式向甲方发起变更通知甲方继续使用数字人民币业务的视为同意前述变更甲方不同意前述变更的可不使用数字人民币业务
</h3>
</view>
<!-- 第九条 乙方责任 -->
<view class="clause">
<h3 class="clause-num">第九条 乙方应按国家法律法规履行支付机构相关责任与义务</h3>
</view>
<!-- 第十条 终端使用与保管 -->
<view class="clause">
<h3 class="clause-num">第十条 乙方含乙方分支机构合作方,下同为甲方提供的受理终端包含收款码仅限甲方在 <input
v-model="formData.A102" class="fill-input fill-normal" placeholder="地区名称" />
地区使用甲方应提供符合受理终端安装要求的场地条件并妥善保管和使用如因甲方管理或使用不当造成终端损坏或遗失的甲方应按市场价向乙方赔偿赔付方式为现金转账或授权乙方从甲方终端押金交易资金等途径扣除双方协议终止或解除时乙方有权收回关闭放置在甲方的受理终端或关闭网络支付接口
</h3>
</view>
<!-- 第二十二条 平台方授权 -->
<view class="clause">
<h3 class="clause-num">第二十二条 鉴于甲方系通过 <input v-model="formData.A103"
class="fill-input fill-normal" placeholder="平台方名称" /> 以下简称"平台方"开发的 <input
v-model="formData.A104" class="fill-input fill-normal" placeholder="平台名称(公众号/小程序等)" />
平台包括但不限于公众号/小程序/网站/APP等接入乙方支付服务甲方承诺"平台方"向乙方发送的一切涉及甲方的系统指令甲方均予以认可同时甲方同意并授权乙方向"平台方"传送甲方在本协议合作项下的相关数据如发生争议由甲方与"平台方"自行协商解决与乙方无关
</h3>
</view>
<!-- 第三十条 通知送达 -->
<view class="clause">
<h3 class="clause-num">第三十条 甲方确认拉卡拉商户注册登记表中指定的联系人姓名 <input v-model="formData.B27"
class="fill-input fill-small" placeholder="姓名" /> 地址 <input v-model="formData.B13"
class="fill-input fill-normal" placeholder="地址" /> 电子邮箱 <input v-model="formData.B28"
class="fill-input fill-normal" placeholder="邮箱" /> 电话 <input v-model="formData.B30"
class="fill-input fill-small" placeholder="电话" />
等联系信息可用于乙方处理本协议项下事务时向甲方履行通知文件物品递送义务其中联系人负责对本协议所涉事务的沟通文件物品的签收移交等事宜乙方发送到甲方指定的联系地址联系人电子邮箱即视为对甲方的有效送达
</h3>
</view>
<!-- 协议签字区域 -->
<view class="sign-main">
<view class="sign-party">
<p>甲方签字/盖章____________________</p>
<p>日期<input v-model="formData.A105" class="fill-input fill-date"
@click="openDatePicker('A105')" placeholder="年 月 日" required /></p>
</view>
<view class="sign-party">
<p>乙方盖章拉卡拉支付股份有限公司</p>
<p>日期<input v-model="formData.A106" class="fill-input fill-date" placeholder="年 月 日"
disabled /></p>
</view>
</view>
</view>
<!-- 附件一拉卡拉商户注册登记表 -->
<view class="appendix">
<h2 class="appendix-title">附件一 拉卡拉商户注册登记表</h2>
<p class="appendix-note"><input v-model="formData.B1" class="fill-input fill-tiny" type="number"
placeholder="年" /> <input v-model="formData.B2" class="fill-input fill-tiny" type="number"
placeholder="月" /> NO:____________________</p>
<!-- 表单类型选择 -->
<view class="form-type">
<checkbox-group @change="(e) => { this.formData.B3 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label" for="checkbox-zengshang">
<checkbox id="checkbox-zengshang" value="增商" /> 增商
</label>
<label class="checkbox-label" for="checkbox-zengzhong">
<checkbox id="checkbox-zengzhong" value="增终" /> 增终
</label>
<label class="checkbox-label" for="checkbox-xuyue">
<checkbox id="checkbox-xuyue" value="续约(合同变更)" /> 续约合同变更
</label>
<label class="checkbox-label" for="checkbox-gengming">
<checkbox id="checkbox-gengming" value="商户更名" /> 商户更名
<input v-show="this.formData.B3.includes('商户更名')" v-model="formData.B7"
class="fill-input fill-small" placeholder="请输入原商户名称" id="input-original-name" />
</label>
</checkbox-group>
</view>
<!-- 基本信息 -->
<h3 class="appendix-subtitle">基本信息如开通外卡业务中英文务必填写</h3>
<table class="info-table">
<tbody>
<tr>
<td class="table-label">工商注册名称中英文</td>
<td colspan="3"><input v-model="formData.B8" class="fill-input fill-table" required
placeholder="请填写工商注册名称" /></td>
<td class="table-label">主营业务</td>
<td colspan="2"><input v-model="formData.B9" class="fill-input fill-table" required
placeholder="请填写主营业务" /></td>
</tr>
<tr>
<td class="table-label">对外经营名称中英文</td>
<td colspan="3"><input v-model="formData.B10" class="fill-input fill-table" required
placeholder="请填写对外经营名称" /></td>
<td class="table-label">网站地址</td>
<td colspan="2"><input v-model="formData.B11" class="fill-input fill-table"
placeholder="请填写网站地址" /></td>
</tr>
<tr>
<td class="table-label">商户简称互联网支付</td>
<td colspan="3"><input v-model="formData.B12" class="fill-input fill-table"
placeholder="请填写商户简称" /></td>
<td class="table-label">办公地址</td>
<td colspan="2"><input v-model="formData.B13" class="fill-input fill-table" required
placeholder="请填写办公地址" /></td>
</tr>
<tr>
<td class="table-label">营业执照注册号</td>
<td colspan="3"><input v-model="formData.B14" class="fill-input fill-table"
placeholder="个人商户留空" /></td>
<td class="table-label">交易IP地址</td>
<td colspan="2"><input v-model="formData.B15" class="fill-input fill-table"
placeholder="互联网业务填写" /></td>
</tr>
</tbody>
</table>
<!-- 账务信息 -->
<h3 class="appendix-subtitle">账务信息务必准确</h3>
<table class="info-table">
<tbody>
<tr>
<td class="table-label">结算账户名称</td>
<td colspan="6">
<checkbox-group @change="(e) => { this.formData.B16 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="同商户工商注册名称" /> 同商户工商注册名称
</label>
<label class="checkbox-label">
<checkbox value="其他" /> 其他<input
v-model="formData.B18" class="fill-input fill-small"
v-if="this.formData.B16.includes('其他')" placeholder="请填写账户名称" />
</label>
</checkbox-group>
</td>
</tr>
<tr>
<td class="table-label">开户行含支行</td>
<td colspan="3"><input v-model="formData.B19" class="fill-input fill-table" required
placeholder="请填写开户行" /></td>
<td class="table-label">结算账号</td>
<td colspan="2"><input v-model="formData.B20" class="fill-input fill-table" required
placeholder="请填写结算账号" /></td>
</tr>
<tr>
<td class="table-label">数字人民币开户行</td>
<td colspan="3"><input v-model="formData.B22" class="fill-input fill-table"
placeholder="请填写数币开户行" /></td>
<td class="table-label">数字人民币钱包名称如开通</td>
<td colspan="2"><input v-model="formData.B23" class="fill-input fill-table"
placeholder="请填写数币钱包名称" /></td>
</tr>
<tr>
<td class="table-label">对账单投递邮箱</td>
<td colspan="6"><input v-model="formData.B21" class="fill-input fill-table" required
placeholder="请填写对账邮箱" /></td>
</tr>
</tbody>
</table>
<!-- 联系信息 -->
<h3 class="appendix-subtitle">联系信息</h3>
<table class="info-table">
<tbody>
<tr>
<td class="table-label">法定代表人/负责人姓名</td>
<td colspan="2"><input v-model="formData.B24" class="fill-input fill-table" required
placeholder="请填写法人姓名" /></td>
<td class="table-label">证件类型及号码</td>
<td colspan="3"><input v-model="formData.B25" class="fill-input fill-table" required
placeholder="请填写法人证件号" /></td>
</tr>
<tr>
<td class="table-label">法定代表人手机号</td>
<td colspan="2"><input v-model="formData.B26" class="fill-input fill-table"
type="number" required placeholder="请填写法人手机号" /></td>
<td class="table-label">联系人姓名</td>
<td colspan="3"><input v-model="formData.B27" class="fill-input fill-table" required
placeholder="请填写联系人姓名" /></td>
</tr>
<tr>
<td class="table-label">联系人Email</td>
<td colspan="2"><input v-model="formData.B28" class="fill-input fill-table"
placeholder="请填写联系人邮箱" /></td>
<td class="table-label">联系人证件类型及号码</td>
<td colspan="3"><input v-model="formData.B29" class="fill-input fill-table"
placeholder="请填写联系人证件号" /></td>
</tr>
<tr>
<td class="table-label">联系人手机号</td>
<td colspan="6"><input v-model="formData.B30" class="fill-input fill-table"
type="number" required placeholder="请填写联系人手机号" /></td>
</tr>
</tbody>
</table>
<!-- 网点及终端信息 -->
<h3 class="appendix-subtitle">网点及终端信息如开通外卡业务中英文务必填写</h3>
<table class="info-table">
<tbody>
<tr>
<td class="table-label">分店营业名称中英文</td>
<td colspan="3"><input v-model="formData.B31" class="fill-input fill-table" required
placeholder="请填写分店名称" /></td>
<td class="table-label">网点联系人姓名</td>
<td colspan="2"><input v-model="formData.B32" class="fill-input fill-table" required
placeholder="请填写网点联系人" /></td>
</tr>
<tr>
<td class="table-label">终端布放地址中英文</td>
<td colspan="3"><input v-model="formData.B33" class="fill-input fill-table" required
placeholder="请填写终端布放地址" /></td>
<td class="table-label">网点联系人手机号</td>
<td colspan="2"><input v-model="formData.B34" class="fill-input fill-table"
type="number" placeholder="请填写网点手机号" /></td>
</tr>
<tr>
<td class="table-label">签约单名称中英文</td>
<td colspan="3"><input v-model="formData.B35" class="fill-input fill-table"
placeholder="请填写签约单名称" /></td>
<td class="table-label">申请台数</td>
<td colspan="2"><input v-model="formData.B36" class="fill-input fill-table"
type="number" required placeholder="请填写申请台数" /></td>
</tr>
</tbody>
</table>
<!-- 终端信息 -->
<h3 class="appendix-subtitle">终端信息</h3>
<table class="info-table">
<tbody>
<tr>
<td class="table-label">申请终端类型</td>
<td colspan="6">
<checkbox-group @change="(e) => { this.formData.B37 = e.detail.value }" class="checkbox-group">
<label class="checkbox-label">
<checkbox value="智能POS" /> 智能POS
</label>
<label class="checkbox-label">
<checkbox value="传统POS" /> 传统POS
</label>
<label class="checkbox-label">
<checkbox value="超级收款宝" /> 超级收款宝
</label>
<label class="checkbox-label">
<checkbox value="收钱宝盒" /> 收钱宝盒
</label>
<label class="checkbox-label">
<checkbox value="Q码精灵" /> Q码精灵
</label>
<label class="checkbox-label">
<checkbox value="收款宝小程序" /> 收款宝小程序
</label>
<label class="checkbox-label">
<checkbox value="云小店" /> 云小店
</label>
<label class="checkbox-label">
<checkbox value="蓝精灵" /> 蓝精灵
</label>
<label class="checkbox-label">
<checkbox value="码牌音箱" /> 码牌音箱
</label>
<label class="checkbox-label">
<checkbox value="其他" /> 其他<input
v-model="formData.B47" class="fill-input fill-small"
v-if="this.formData.B37.includes('其他')" placeholder="请填写终端类型" />
</label>
</checkbox-group>
</td>
</tr>
<tr>
<td class="table-label">通讯方式</td>
<td colspan="6">
<checkbox-group @change="(e) => { this.formData.B48 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="网络" /> 网络
</label>
<label class="checkbox-label">
<checkbox value="移动通讯卡" /> 移动通讯卡
</label>
<label class="checkbox-label">
<checkbox value="其他" /> 其他<input
v-model="formData.B51" class="fill-input fill-small"
v-if="this.formData.B48.includes('其他')" placeholder="请填写通讯方式" />
</label>
</checkbox-group>
</td>
</tr>
</tbody>
</table>
<!-- 拓展信息拉卡拉填写 -->
<h3 class="appendix-subtitle">拓展信息拉卡拉填写</h3>
<table class="info-table">
<tbody>
<tr>
<td class="table-label">拓展类型</td>
<td colspan="6">
<checkbox-group @change="(e) => { this.formData.B52 = e.detail.value }" class="checkbox-group-container" disabled>
<label class="checkbox-label">
<checkbox value="直营拓展" /> 直营拓展
</label>
<label class="checkbox-label">
<checkbox value="行业合作" /> 行业合作
</label>
<label class="checkbox-label">
<checkbox value="代理" /> 代理
</label>
<label class="checkbox-label">
<checkbox value="银行推荐" /> 银行推荐
</label>
<label class="checkbox-label">
<checkbox value="其他" /> 其他<input
v-model="formData.B57" class="fill-input fill-small"
v-if="this.formData.B52.includes('其他')" placeholder="请填写其他类型" />
</label>
</checkbox-group>
</td>
</tr>
<tr>
<td class="table-label">发展方</td>
<td colspan="3"><input v-model="formData.B58" class="fill-input fill-table" disabled
placeholder="拉卡拉填写" /></td>
<td class="table-label">发展人</td>
<td colspan="2"><input v-model="formData.B59" class="fill-input fill-table" disabled
placeholder="拉卡拉填写" /></td>
</tr>
<tr>
<td class="table-label">终端型号</td>
<td colspan="6"><input v-model="formData.B60" class="fill-input fill-table" disabled
placeholder="拉卡拉填写" /></td>
</tr>
</tbody>
</table>
<!-- 受益所有人信息登记表 -->
<h3 class="appendix-subtitle">受益所有人信息登记表</h3>
<p class="table-note">1请列示所有直接或者间接拥有超过25%公司股权或者表决权的自然人必填</p>
<table class="info-table">
<thead>
<tr>
<th>姓名</th>
<th>持股比例%</th>
<th>身份证件类型及号码</th>
<th>证件有效期</th>
<th>居住地址/工作地址/户籍地址</th>
<th>是否"*"外国政要</th>
</tr>
</thead>
<tbody>
<tr>
<td><input v-model="formData.C1" class="fill-input fill-table" placeholder="请填写姓名" />
</td>
<td><input v-model="formData.C2" class="fill-input fill-table" type="number"
placeholder="0" /></td>
<td><input v-model="formData.C3" class="fill-input fill-table" placeholder="请填写证件信息" />
</td>
<td><input v-model="formData.C4" class="fill-input fill-table" placeholder="请填写有效期" />
</td>
<td><input v-model="formData.C5" class="fill-input fill-table" placeholder="请填写地址" />
</td>
<td>
<checkbox-group @change="(e) => { this.formData.C6 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="是" />
</label>
<label class="checkbox-label">
<checkbox value="否" />
</label>
</checkbox-group>
</td>
</tr>
<tr>
<td><input v-model="formData.C8" class="fill-input fill-table" placeholder="请填写姓名" />
</td>
<td><input v-model="formData.C9" class="fill-input fill-table" type="number"
placeholder="0" /></td>
<td><input v-model="formData.C10" class="fill-input fill-table" placeholder="请填写证件信息" />
</td>
<td><input v-model="formData.C11" class="fill-input fill-table" placeholder="请填写有效期" />
</td>
<td><input v-model="formData.C12" class="fill-input fill-table" placeholder="请填写地址" />
</td>
<td>
<checkbox-group @change="(e) => { this.formData.C13 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="是" />
</label>
<label class="checkbox-label">
<checkbox value="否" />
</label>
</checkbox-group>
</td>
</tr>
</tbody>
</table>
<p class="table-note">2请列示高级管理层成员信息必填</p>
<table class="info-table">
<thead>
<tr>
<th>姓名</th>
<th>职位</th>
<th>身份证件类型及号码</th>
<th>证件有效期</th>
<th>居住地址/工作地址/户籍地址</th>
<th>是否"*"外国政要</th>
</tr>
</thead>
<tbody>
<tr>
<td><input v-model="formData.C15" class="fill-input fill-table" placeholder="请填写姓名" />
</td>
<td><input v-model="formData.C16" class="fill-input fill-table" placeholder="请填写职位" />
</td>
<td><input v-model="formData.C17" class="fill-input fill-table" placeholder="请填写证件信息" />
</td>
<td><input v-model="formData.C18" class="fill-input fill-table" placeholder="请填写有效期" />
</td>
<td><input v-model="formData.C19" class="fill-input fill-table" placeholder="请填写地址" />
</td>
<td>
<checkbox-group @change="(e) => { this.formData.C20 = e.detail.value }" class="checkbox-group-container">
<label class="checkbox-label">
<checkbox value="是" />
</label>
<label class="checkbox-label">
<checkbox value="否" />
</label>
</checkbox-group>
</td>
</tr>
</tbody>
</table>
</view>
<!-- 附件二授权书银行 -->
<view class="appendix">
<h2 class="appendix-title">附件二 授权书银行</h2>
<p class="authorization-content">
鉴于我方为拉卡拉支付股份有限公司简称"拉卡拉"的特约商户已与拉卡拉签订特约商户支付服务合作协议并且我方结算账户所属银行 <input
v-model="formData.D1" class="fill-input fill-normal" placeholder="银行全称" required />
简称"银行"会不定期开展商户手续费补贴等营销活动</p>
<p class="authorization-content">
我方同意拉卡拉推荐我方参加银行的营销活动将我方金融信息包括我方企业名称统一社会信用代码法定代表人姓名及证件号码经营地址联系人姓名及证件号码联系人手机号联系人电子邮箱结算账户信息交易数据入账信息对账单明细数据提供至银行包括该银行相关分支行用于评估我方是否符合活动要求以及对营销活动期间相关数据进行风控管理考核对账的目的我方同意并授权银行从拉卡拉接收并处理前述我方相关信息同意并授权在我方结算账户绑定营销合作的业务场景下拉卡拉从银行获取我方的客户标签类信息用于营销合作校验银行和拉卡拉承诺采取合法有效措施分别保护相关数据数据安全能力符合有关国家标准的要求
</p>
<p class="authorization-content">授权期限自本授权书生效之日起至我方与拉卡拉在特约商户支付服务合作协议项下合作终止之日止</p>
<view class="sign-appendix">
<p>授权承诺方盖章____________________</p>
<p>法定代表人/户主签字<input v-model="formData.D3" class="fill-input fill-normal" style="width: auto;"
placeholder="请签字" /></p>
<p>日期<input v-model="formData.D2" class="fill-input fill-date" @click="openDatePicker('D2')"
placeholder="年 月 日" required /></p>
</view>
</view>
<!-- 附件三授权书数据处理方 -->
<view class="appendix">
<h2 class="appendix-title">附件三 授权书数据处理方</h2>
<p class="authorization-content">鉴于我方为拉卡拉支付股份有限公司简称"拉卡拉"的特约商户已与拉卡拉签订特约商户支付服务合作协议</p>
<p class="authorization-content">我方同意并指定 <input v-model="formData.D4"
class="fill-input fill-normal" placeholder="数据处理方公司全称" required /> 公司联系方式 <input
v-model="formData.D5" class="fill-input fill-normal" placeholder="电话/邮箱" required />
含其分支机构及总公司以下简称"数据处理方"为我方提供数据处理服务同意并授权数据处理方为终端布放与受理标识张贴终端维护商户培训耗材配送交易证明材料调取对账目的收集存储并向拉卡拉传送我方通过线下或线上方式提供的入网信息包括但不限于拉卡拉商户注册登记表中的信息商户提交的电子版及纸质版资料以及监管部门要求的其他信息同意并授权拉卡拉将我方金融信息包括我方企业名称统一社会信用代码法定代表人姓名及证件号码经营地址联系人姓名及证件号码联系人手机号联系人电子邮箱结算账户信息交易数据入账信息对账单明细数据下同提供给数据处理方同意并授权数据处理方从拉卡拉接收并处理前述我方相关信息
</p>
<p class="authorization-content">
我方同意并授权拉卡拉直接或通过数据处理方接收并按以下方式使用我方信息将我方通过线下或线上方式提供的入网信息包括但不限于拉卡拉商户注册登记表中的信息商户提交的电子版及纸质版资料以及监管部门要求的其他信息用于拉卡拉支付业务特约商户入网审核反洗钱管理实名制管理风控评估
</p>
<p class="authorization-content">
同时我方同意并授权拉卡拉以加密传输方式将我方信息共享给具备提供验证服务资质的第三方机构进行一致性比对并输出核验结果同意并授权第三方机构使用我方的信息用于验证服务并以加密传输的方式向拉卡拉返回核验结果
</p>
<p class="authorization-content">授权期限自本授权书生效之日起至我方与拉卡拉在特约商户支付服务合作协议项下合作终止之日止</p>
<view class="sign-appendix">
<p>授权承诺方盖章____________________</p>
<p>法定代表人/户主签字<input v-model="formData.D6" class="fill-input fill-normal" style="width: auto;"
placeholder="请签字" /></p>
<p>日期<input v-model="formData.D7" class="fill-input fill-date" @click="openDatePicker('D7')"
placeholder="年 月 日" required /></p>
</view>
</view>
<!-- 附件四授权书外卡业务 -->
<view class="appendix">
<h2 class="appendix-title">附件四 授权书外卡业务</h2>
<p class="authorization-content">鉴于我方为拉卡拉支付股份有限公司简称"拉卡拉"的特约商户已与拉卡拉签订特约商户支付服务合作协议并开通外卡业务</p>
<p class="authorization-content">
为满足我方境外卡类支付业务需要以及持卡人支付后的相关服务要求当持卡人使用境外发卡机构发行的银行卡在我方交易我方同意并授权拉卡拉将我方的商户信息包括商户号商户法定名称商户经营名称法定地址经营地址MCC终端号产品型号城市开通日期以及相关交易数据报送至境外卡组织包括VisaMasterCardAmerican
ExpressDinersDiscoverJCB等进行处理</p>
<p class="authorization-content">授权期限自本授权书生效之日起至我方与拉卡拉在特约商户支付服务合作协议项下外卡业务合作终止之日止</p>
<view class="sign-appendix">
<p>授权承诺方盖章____________________</p>
<p>法定代表人/户主签字<input v-model="formData.D8" class="fill-input fill-normal" style="width: auto;"
placeholder="请签字" /></p>
<p>日期<input v-model="formData.D9" class="fill-input fill-date" @click="openDatePicker('D9')"
placeholder="年 月 日" required /></p>
</view>
</view>
<!-- 附件五授权书开通微信支付宝收单 -->
<view class="appendix">
<h2 class="appendix-title">附件五 授权书开通微信支付宝收单</h2>
<p class="authorization-content">鉴于我方为拉卡拉支付股份有限公司简称"拉卡拉"的特约商户已与拉卡拉签订特约商户支付服务合作协议</p>
<p class="authorization-content">
我方同意并授权拉卡拉向微信支付财付通支付科技有限公司注册地址深圳市前海深港合作区南山街道桂湾三路91号景兴海上大厦1201支付宝支付宝中国网络技术有限公司注册地址中国上海自由贸易试验区南泉北路447号15层提交我方基本信息包括商户名称地址相关证件号及资质证照影印件(营业执照或身份证)联系人姓名联系电话等入网所需资料用于协助我方申请微信支付支付宝对应子商户身份
</p>
<p class="authorization-content">
我方同意并授权微信支付及其关联公司包括深圳市腾讯计算机系统有限公司注册地址深圳市南山区粤海街道麻岭社区科技中一路腾讯大厦35层支付宝及其关联公司包括芝麻信用管理有限公司注册地址浙江省杭州市西湖区西溪路556号3层C段302-3支付宝杭州信息技术有限公司注册地址浙江省杭州市西湖区西溪路543-569单号连续1幢2号楼5层518室按照相关协议要求从拉卡拉获取我方经营指标类数据用于我方的商户风险评估及信用评级以保障我方正常使用微信支付支付宝的相关权益同意并授权微信支付支付宝及其前述关联公司从拉卡拉接收并处理前述我方相关信息
</p>
<p class="authorization-content">授权期限自本授权书生效之日起至我方与拉卡拉在特约商户支付服务合作协议项下业务合作终止之日止</p>
<view class="sign-appendix">
<p>授权承诺方盖章____________________</p>
<p>法定代表人/户主签字<input v-model="formData.D10" class="fill-input fill-normal"
style="width: auto;" placeholder="请签字" /></p>
<p>日期<input v-model="formData.D11" class="fill-input fill-date" @click="openDatePicker('D11')"
placeholder="年 月 日" required /></p>
</view>
</view>
<!-- 提交按钮 -->
<button class="submit-btn" @click="submitForm">提交合同</button>
</view>
</scroll-view>
</view>
</template>
<script>
export default {
data() {
return {
windowHeight: uni.getSystemInfoSync().windowHeight,
formData: {
// 保持完整的formData结构确保每个字段都有对应的页面控件
A1: '', A2: [], A3: [], A4: [], A5: '', A6: [], A7: '', A8: '', A9: [], A10: '',
A11: [], A12: [], A13: [], A14: '', A15: '', A16: '', A17: '', A18: '', A19: '', A20: '',
A21: '', A22: '', A23: '', A24: '', A25: '', A26: '', A27: '', A28: '', A29: '', A30: '',
A31: '', A32: '', A33: '', A34: '', A35: '', A36: '', A37: '', A38: '', A39: [], A40: '',
A41: '', A42: '', A43: [], A44: '', A45: '', A46: [], A47: '', A48: '', A49: '', A50: '',
A51: [], A52: '', A53: [], A54: '', A55: '', A56: '', A57: [], A58: '', A59: '', A60: '',
A61: '', A62: [], A63: '', A64: '', A65: '', A66: [], A67: '', A68: '', A69: '', A70: [],
A71: [], A72: [], A73: '', A74: '', A75: '', A76: '', A77: '', A78: '', A79: '', A80: '',
A81: '', A82: '', A83: '', A84: '', A85: '', A86: '', A87: '', A88: '', A89: '', A90: '',
A91: [], A92: [], A93: '', A94: '', A95: '', A96: '', A97: '', A98: [], A99: [], A100: [],
A101: [], A102: '', A103: '', A104: '', A105: '', A106: '', A107: '', A108: '', A109: '',
B1: '', B2: '', B3: [], B4: [], B5: [], B6: [], B7: '', B8: '', B9: '', B10: '',
B11: '', B12: '', B13: '', B14: '', B15: '', B16: [], B17: [], B18: '', B19: '', B20: '',
B21: '', B22: '', B23: '', B24: '', B25: '', B26: '', B27: '', B28: '', B29: '', B30: '',
B31: '', B32: '', B33: '', B34: '', B35: '', B36: '', B37: '', B38: '', B39: '', B40: '',
B41: '', B42: '', B43: '', B44: '', B45: '', B46: [], B47: '', B48: [], B49: [], B50: [],
B51: '', B52: [], B53: [], B54: [], B55: [], B56: [], B57: '', B58: '', B59: '', B60: '',
C1: '', C2: '', C3: '', C4: '', C5: '', C6: [], C7: [], C8: '', C9: '', C10: '',
C11: '', C12: '', C13: [], C14: [], C15: '', C16: '', C17: '', C18: '', C19: '', C20: [],
C21: [], C22: '', C23: '', C24: '', C25: '', C26: '', C27: '', C28: '', C29: '', C30: '',
C31: '', C32: '', C33: '', C34: '', C35: '', C36: '', C37: '', C38: '', C39: '', C40: '',
C41: '', C42: '', C43: '', C44: '', C45: '', C46: '', C47: '', C48: '', C49: '', C50: '',
C51: '', C52: '', C53: '', C54: '', C55: '', C56: '',
D1: '', D2: '', D3: '', D4: '', D5: '', D6: '', D7: '', D8: '', D9: '', D10: '',
D11: '', D12: '', E1: '', E2: '', E3: '', E4: '', E5: '', E6: '', E7: '', E8: '',
// 特殊字段 - 用于多选按钮
A36_checked: [], // 单笔代付选中状态
AN1: [] // B2B订单业务功能
}
};
},
methods: {
// 处理单选按钮互斥 (已改为多选,此方法保留但不执行实际操作)
handleRadioChange(field, event) {
// 由于所有单选按钮已改为多选,此方法不再需要设置互斥逻辑
// 为避免意外将数组字段覆盖为字符串,此方法不再执行任何操作
console.log('单选按钮已改为多选使用handleCheckboxChange代替');
},
openDatePicker(key) {
uni.datePicker({
mode: 'date',
success: (res) => {
const [year, month, day] = res.detail.value.split('-');
if (key === 'A105') {
this.formData.A105 = year;
this.formData.A106 = month;
this.formData.A107 = day;
} else if (key === 'A108') {
this.formData.A108 = year;
this.formData.A109 = month;
this.formData.A110 = day;
} else if (['D2', 'D7', 'D9', 'D11', 'D12', 'E7'].includes(key)) {
this.formData[key] = `${year} ${month} ${day}`;
}
}
});
},
saveDraft() {
uni.setStorageSync('fullContractDraft', this.formData);
uni.showToast({
title: '草稿已保存',
icon: 'success',
duration: 1500,
mask: true
});
},
formatSubmitData() {
return Object.entries(this.formData)
.map(([key, value]) => {
// 安全处理数组类型
if (Array.isArray(value)) {
return `${key}:${value.filter(Boolean).join(',')}`;
}
// 安全处理其他类型
return `${key}:${value ?? ''}`;
})
.join(';');
},
submitForm() {
const requiredFields = [
'A1', 'A7', 'A10', 'A97', 'A105', 'A108',
'B1', 'B2', 'B8', 'B9', 'B10', 'B19', 'B20', 'B24', 'B25', 'B26', 'B27', 'B30',
'D1', 'D2', 'D4', 'D5', 'D7'
];
const emptyFields = requiredFields.filter(key => !this.formData[key]);
if (emptyFields.length > 0) {
uni.showToast({
title: `必填项未填写:${emptyFields[0]}`,
icon: 'none',
duration: 2000
});
return;
}
const submitStr = this.formatSubmitData();
console.log('提交数据:', submitStr);
uni.request({
url: 'https://your-backend-domain.com/api/contract/submit-full',
method: 'POST',
header: {
'Content-Type': 'application/x-www-form-urlencoded',
'Authorization': uni.getStorageSync('token') || ''
},
data: {
contractData: submitStr,
merchantId: uni.getStorageSync('merchantId') || '',
timestamp: new Date().getTime()
},
success: (res) => {
if (res.statusCode === 200 && res.data.code === 200) {
uni.showToast({
title: '合同提交成功!',
icon: 'success',
duration: 2000
});
setTimeout(() => {
uni.navigateTo({
url: `/pages/contract/submit-success?orderNo=${res.data.data.orderNo}`
});
}, 2000);
} else {
uni.showToast({
title: res.data.msg || '提交失败,请重试',
icon: 'none',
duration: 2000
});
}
},
fail: (err) => {
console.error('接口请求失败:', err);
uni.showToast({
title: '网络异常,请检查网络后重试',
icon: 'none',
duration: 2000
});
}
});
}
},
onLoad() {
const savedDraft = uni.getStorageSync('fullContractDraft');
if (savedDraft) {
// 合并对象而不是直接替换,确保数组字段保持数组类型
Object.assign(this.formData, savedDraft);
// 确保所有多选相关的数组字段保持数组类型
const arrayFields = ['A2', 'A3', 'A4', 'A6', 'A9', 'A11', 'A12', 'A13', 'A39', 'A43', 'A46', 'A51',
'A53', 'A57', 'A62', 'A66', 'A70', 'A71', 'A72', 'A91', 'A92', 'A98', 'A99',
'A100', 'A101', 'B3', 'B4', 'B5', 'B6', 'B16', 'B17', 'B48', 'B49', 'B50',
'B52', 'B53', 'B54', 'B55', 'B56', 'C6', 'C7', 'C13', 'C14', 'C20', 'C21',
'A36_checked', 'AN1'];
arrayFields.forEach(field => {
if (!Array.isArray(this.formData[field])) {
this.formData[field] = [];
}
});
}
const today = new Date();
const year = today.getFullYear().toString();
const month = (today.getMonth() + 1).toString().padStart(2, '0');
const day = today.getDate().toString().padStart(2, '0');
this.formData.A108 = year;
this.formData.A109 = month;
this.formData.A110 = day;
// 设置默认值
if (!this.formData.A102) this.formData.A102 = '中国境内';
}
};
</script>
<style>
@import url("./index.css");
</style>