<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">●Visa、MasterCard、American Express、Diners、Discover、JCB等支付业务：</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">
                                备注：（1）D0业务开通须符合监管及乙方相关要求，由甲方另行向乙方申请，且经乙方审核通过后开通，交易额度由乙方设定并动态调整，具体以实际开通情况为准；（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、终端号、产品型号、城市、开通日期）以及相关交易数据报送至境外卡组织（包括Visa、MasterCard、American
                        Express、Diners、Discover、JCB等）进行处理。</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>