system-copyright-react/src/components/ContractText/ContractText.tsx
2025-01-19 10:19:11 +08:00

192 lines
16 KiB
TypeScript
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.

import './ContractText.css'
export default function ContractText(props: any) {
const height = window.innerHeight - 200;
return (
<div className='contract' style={{ height: height, overflow: 'auto', padding: '20px 90px' }}>
<div className='contractTitle contractTextCenter contractTextBold'>AI秒著引擎平台用户服务协议</div>
<div className='contractNum contractText'></div>
<div className='contractBox'>
<div><span className='contractLine'>{props.name}</span></div>
<div><span className='contractLine'>{props.address}</span></div>
<div><span className='contractLine'>{props.phone}</span></div>
</div>
<div className='contractBox'>
<div><span className='contractLine'>西AI秒著引擎平台</span></div>
<div><span className='contractLine'>西西909B6号楼9层0910室</span></div>
<div><span className='contractLine'>400-086-1633</span></div>
</div>
<div className='contractBox'>
<div className='contractText'>AI秒著引擎平台在线服务</div>
</div>
<div className='contractBox'>
<div className='contractTitleTwo contractTextBold'></div>
<div className='contractText'>1.1 AI秒著引擎平台https://www.aimzhu.com/所下单的相关业务甲方在AI秒著引擎平台上注册账户其注册的下单账号为***********。</div>
<div className='contractText'>1.2 AI秒著引擎平台提供相关服务AI秒著引擎平台具体下单选择的服务类型为准</div>
<table border={1} style={{ borderCollapse: 'collapse', width: '100%' ,marginTop:10}}>
<tbody>
<tr>
<td colSpan={2} style={{ textAlign: 'center',width: '50%',fontWeight:'700',background:'rgb(218, 218, 218)' }}></td>
<td colSpan={2} style={{ textAlign: 'center',width: '50%',fontWeight:'700',background:'rgb(218, 218, 218)' }}></td>
</tr>
<tr>
<td colSpan={2} style={{fontWeight:'700'}}></td>
<td colSpan={2} style={{fontWeight:'700'}}></td>
</tr>
<tr>
<td style={{ textAlign: 'center', width: '8%'}}>1</td>
<td ></td>
<td style={{ textAlign: 'center', width: '8%' }}>1</td>
<td ></td>
</tr>
<tr>
<td style={{ textAlign: 'center' }}>2</td>
<td></td>
<td style={{ textAlign: 'center' }}>2</td>
<td></td>
</tr>
<tr>
<td style={{ textAlign: 'center' }}>3</td>
<td></td>
<td style={{ textAlign: 'center' }}>3</td>
<td></td>
</tr>
<tr>
<td style={{ textAlign: 'center' }}>4</td>
<td></td>
<td style={{ textAlign: 'center' }}>4</td>
<td>退</td>
</tr>
<tr>
<td style={{ textAlign: 'center' }}>5</td>
<td></td>
<td style={{ textAlign: 'center' }}>5</td>
<td>退30%</td>
</tr>
<tr>
<td style={{ textAlign: 'center' }}>6</td>
<td></td>
<td style={{ textAlign: 'center' }}>6</td>
<td>退70%</td>
</tr>
<tr>
<td style={{ textAlign: 'center' }}>7</td>
<td>900</td>
<td style={{ textAlign: 'center' }}>7</td>
<td></td>
</tr>
<tr>
<td style={{ textAlign: 'center' }}>8</td>
<td></td>
<td style={{ textAlign: 'center' }}>8</td>
<td>300</td>
</tr>
<tr>
<td style={{ textAlign: 'center' }}>9</td>
<td ></td>
<td style={{ textAlign: 'center' }}>9</td>
<td ></td>
</tr>
</tbody>
</table>
</div>
<div className='contractBox'>
<div className='contractTitleTwo contractTextBold'></div>
<div className='contractText'>2.1 线</div>
<div className='contractText'>2.2 https://www.aimzhu.com/上付款页面进行。付款后甲方可在线登记发票信息登记后3个工作日内乙方开具数电发票通过平台发送给甲方注册的账号甲方可自行下载。</div>
<div className='contractText'>2.3AI秒著引擎平台下单时显示价格为准</div>
</div>
<div className='contractBox'>
<div className='contractTitleTwo contractTextBold'></div>
<div></div>
<div className='contractText'>3.1 使使</div>
<div className='contractText'>3.2 </div>
<div className='contractText'>3.3 使</div>
<div className='contractText'>3.4 </div>
<div className='contractText'>3.5 </div>
<div></div>
<div className='contractText'>3.6 </div>
<div className='contractText'>3.7 </div>
<div className='contractText'>3.8 99线400-086-1633</div>
</div>
<div className='contractBox'>
<div className='contractTitleTwo contractTextBold'></div>
<div className='contractText'>4.1 </div>
<div className='contractText'>4.2 </div>
<div className='contractText'>4.2.1 广</div>
<div className='contractText'>4.2.2 </div>
<div className='contractText'>4.2.3 </div>
<div className='contractText'>4.2.4 </div>
<div className='contractText'>4.2.5 </div>
<div className='contractText'>4.3 </div>
</div>
<div className='contractBox'>
<div className='contractTitleTwo contractTextBold'></div>
<div className='contractText'>5.1 AI秒著引擎平台上注册账户所提供的相关信息均真实</div>
<div className='contractText'>5.2 </div>
<div className='contractText'>5.3 使AI秒著引擎平台搭建的可运行系统用于合法的目的和用途</div>
</div>
<div className='contractBox'>
<div className='contractTitleTwo contractTextBold'></div>
<div className='contractText'>6.1 退</div>
<div className='contractText'>6.2 </div>
<div className='contractText'>6.3 </div>
</div>
<div className='contractBox'>
<div className='contractTitleTwo contractTextBold'></div>
<div className='contractText'></div>
<div className='contractText'>7.1 </div>
<div className='contractText'>7.2 IDC机房等</div>
<div className='contractText'>7.3 </div>
<div className='contractText'>7.4 AI秒著引擎平台等</div>
<div className='contractText'>7.5 </div>
</div>
<div className='contractBox'>
<div className='contractTitleTwo contractTextBold'></div>
<div className='contractText'></div>
</div>
<div className='contractBox'>
<div className='contractTitleTwo contractTextBold'></div>
<div className='contractText'>9.1 AI秒著引擎平台https://www.aimzhu.com/UserAgreement.html的约定为准。</div>
<div className='contractText' >9.2 </div>
<div className='contractText'>9.32.1使</div>
<div className='contractText'>9.4 </div>
</div>
<div className='contractBox'>
<div className='contractTitleTwo contractTextBold contractTextCenter'></div>
<div className='contractBox'>
<div className='contractBox'>
<div className='contractText'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span className='contractLine'>{props.name}</span></div>
<div className='contractText signBox'>
<div></div>
<div className='sign'></div>
</div>
<div className='contractText'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </div>
</div>
<div className='contractBox'>
<div className='contractText' >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span className='contractLine'>西</span></div>
<div className='contractText signBox'>
<div></div>
<div className='sign'></div>
</div>
<div className='contractText'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
</div>
</div>
</div>
</div>
)
}