tod 2019/5/15

发送邮件格式调整
6 years ago · ae4b29f27f
parent eae04120d8
commit ae4b29f27f
3 changed files with 247 additions and 106 deletions
--- a/src/main/resources/templates/mail/new_client_notice.html
+++ b/src/main/resources/templates/mail/new_client_notice.html
@ -1,110 +1,251 @@
 <html xmlns:th="http://www.thymeleaf.org" lang="zh">
-<h4>Dear <span th:text="${short_name}"></span> :</h4>
-<p>I'm happy to let you know that your RoyalPay Cross-border Payment account has been set up.<br>
-    很高兴通知您，贵司RoyalPay跨境全支付已经开通</p>
-
-<p>Please kindly log on the website below to manage your accounts and transactions:<br>
-    请登录这个网站查询管理所有交易</p>
-<table style="border: 1px solid #333;width: 100%">
-    <tbody>
-    <tr>
-        <td colspan="3" align="center">
-            Log on website:<a href="https://mpay.royalpay.com.au">https://mpay.royalpay.com.au/</a>
-        </td>
-    </tr>
-    <tr>
-        <th></th>
-        <th>Account Name</th>
-        <th>p/w</th>
-    </tr>
-    <tr>
-        <th>Manager Account</th>
-        <td align="center" th:text="${username}"></td>
-        <td align="center" th:text="${password}"></td>
-    </tr>
-    </tbody>
-</table>
-<ul>
-    <li>The password can be changed any time when you login. 您登陆后可以任意修改密码</li>
-    <li>It's recommended to change your password as soon as first login. 建议首次登陆后就修改您的密码</li>
-    <li>You can set up different accounts for the staff. (At the category:"Accounts")
-        您可以为您的员工配置其他账号（在Accounts菜单内）
-    </li>
-</ul>
-<p>Please find the User Guide here :<a
-        href="https://www.royalpay.com.au/downloads/royalpay_user_guide.pdf" target="_blank">User
-    Guide for PC</a> or
-    <a
-            href="https://help.royalpay.com.au/iphone/app_manual_v1.pdf" target="_blank">User
-        Guide for APP</a>
-</p>
-<p>您可以点击链接下载用户手册:<a href="https://www.royalpay.com.au/downloads/royalpay_user_guide.pdf"
-                    target="_blank">PC用户手册</a> 、
-    <a href="https://help.royalpay.com.au/iphone/app_manual_v1.pdf"
-       target="_blank">APP用户手册</a>
-</p>
-
-<p>(If you cannot open the link above, you can copy and paste this url to your browser.
-    如果您无法点击上面的链接，可以复制当前url到浏览器地址栏
-    <b>https://www.royalpay.com.au/downloads/royalpay_user_guide.pdf</b>)</p>
-<hr>
-<p>You can search "<a
-        href="https://itunes.apple.com/app/royalpay/id1049566852?l=en&mt=8">RoyalPay</a>" in APP
-    Store to download APP for IOS，which helps check your payment receiving records.</p>
-<p>您可以在APP Store里搜索"RoyalPay"下载royalpay的app，来进行收款和接收到账提醒等。</p>
-<p><img src="https://mpay.royalpay.com.au/static/images/app_guide.png"> <br></p>
-<hr>
-<p>Online RoyalPay Cross-border Payment is also available! The development of the document (API) is
-    here.</p>
-<p>如需接入网站支付系统，可将下方API链接及授权信息发给IT团队</p>
-<p style="background: #e0e0e0">
-    Chinse version:<br>
-    <a href="https://mpay.royalpay.com.au/docs/cn/">https://mpay.royalpay.com.au/docs/cn/</a><br><br>
-
-    English version:<br>
-    <a href="https://mpay.royalpay.com.au/docs/en/">https://mpay.royalpay.com.au/docs/en/</a><br><br>
-
-    <span th:text="'Partner Code:'+${client_moniker}"></span><br>
-    <span th:text="'Credential Code:'+${credential_code}"></span>
-</p>
-
-
-<p>
-    Please contact us via any way displaying below if you have any questions. Thank you for choosing
-    RoyalPay.<br>
-    十分感谢您对RoyalPay皇家支付的信任和支持。如果您有任何问题，随时可以按以下方式与我们联系。谢谢！
-</p>
-<div style="background: #d0d0d0" th:if="${#lists.size(bds)>0}">
-    <h4>
-        Your dedicated account manager<br>
-        您的专属客户经理
-    </h4>
-    <p th:each="bd : ${bds}">
-        <span th:text="${bd.display_name}"></span><br>
-        Email:<a href="mailto:$bd.email" th:utext="${bd.email}"></a><br>
-        <span th:text="${bd.phone}"></span><br>
-        <span th:if="${bd['wechat']!=null} and ${bd['wechat']!=''}" th:text="${bd.wechat}"></span>
+<div style="margin-left: 1rem;margin-right: 1rem;margin-top: 2rem;margin-bottom: 2rem">
+    <h4 style="font-family: Avenir-Heavy;font-size: 2rem;color: #000000;letter-spacing: 0;">Dear <span
+            th:text="${short_name}"></span> :</h4>
+    <p style="font-family: Avenir-Light;font-size: 1rem;color: #2A2A2A;letter-spacing: 0;">I'm happy to let you know
+        that your RoyalPay Cross-border Payment account has been set up.<br>
+        很高兴通知您，贵司RoyalPay跨境全支付已经开通</p>
+
+    <p style="font-family: Avenir-Light;font-size: 1rem;color: #2A2A2A;letter-spacing: 0;">Please kindly log on the
+        website below to manage your accounts and transactions:<br>
+        请登录这个网站查询管理所有交易</p>
+    <!--<table style="background-image: linear-gradient(-177deg, #FFF7ED 0%, #FFECD7 100%);width: 100%;height: 214px;">-->
+    <!--<tbody align="center">-->
+    <!--<tr style="display: flex;justify-content: center;">-->
+    <!--<th>Manager Account</th>-->
+    <!--</tr>-->
+    <!--<tr>-->
+    <!--<th>Account Name:<td align="center" th:text="${username}">pinetext2019</td></th>-->
+    <!--<th>p/w:<td align="center" th:text="${password}">KJKJKJKJK</td></th>-->
+    <!--</tr>-->
+    <!--<tr>-->
+    <!--<td colspan="3" align="center">-->
+    <!--Log on website:<a href="https://mpay.royalpay.com.au">https://mpay.royalpay.com.au/</a>-->
+    <!--</td>-->
+    <!--</tr>-->
+    <!--</tbody>-->
+    <!--</table>-->
+    <div style="background-image: linear-gradient(-177deg, #FFF7ED 0%, #FFECD7 100%);width: 100%;">
+        <div style="display: flex;justify-content: center;font-family: Avenir-Light;font-size: 2rem;color: #FF6600;letter-spacing: 0;padding: 1rem">
+            Manager Account
+        </div>
+        <div style="display: flex;justify-content: space-around;padding: 1rem">
+            <div>
+                <div style="display: inline;font-family: Avenir-Heavy;font-size: 1rem;color: #9A948F;letter-spacing: 0;">
+                    Account Name:
+                </div>
+                <div th:text="${username}"
+                     style="display: inline; font-family: Avenir-Heavy;font-size: 1rem;color: #000000;letter-spacing: 0;">
+                </div>
+                <div style="margin-bottom: 2rem;margin-top: 2rem;">
+                    <div style="display: inline;font-family: Avenir-Heavy;font-size: 1rem;color: #9A948F;letter-spacing: 0;">
+                        Log on website:
+                    </div>
+                    <div style="display: inline"><a href="https://mpay.royalpay.com.au"
+                                                    style="color: #FF700F;font-family: Avenir-Light;font-size: 1rem;letter-spacing: 0;">https://mpay.royalpay.com.au/</a>
+                    </div>
+                </div>
+            </div>
+            <div>
+                <div style="display: inline;font-family: Avenir-Heavy;font-size: 1rem;color: #9A948F;letter-spacing: 0;">
+                    p/w:
+                </div>
+                <div th:text="${password}"
+                     style="display: inline; font-family: Avenir-Heavy;font-size: 1rem;color: #000000;letter-spacing: 0;">
+                </div>
+            </div>
+        </div>
+    </div>
+    <div style="font-family: Avenir-Heavy;font-size: 2rem;color: #000000;letter-spacing: 0; margin-top: 1rem;">
+        attention
+    </div>
+    <ul style="font-family: Avenir-Light;font-size: 1rem;color: #2A2A2A;letter-spacing: 0;">
+        <li>The password can be changed any time when you login. 您登陆后可以任意修改密码</li>
+        <li>It's recommended to change your password as soon as first login. 建议首次登陆后就修改您的密码</li>
+        <li>You can set up different accounts for the staff. (At the category:"Accounts")
+            您可以为您的员工配置其他账号（在Accounts菜单内）
+        </li>
+    </ul>
+
+    <div style="margin-top: 1rem">
+        <div style="display: inline">Please find the User Guide here :</div>
+        <div style="display: inline;font-family: Avenir-Light;font-size: 1rem;color: #FF6600;letter-spacing: 0;text-decoration: underline">
+            <a style="color: #FF6600" href="https://www.royalpay.com.au/downloads/royalpay_user_guide.pdf"
+               target="_blank">User
+                Guide for PC</a>
+        </div>
+        <div style="display: inline">or</div>
+        <div style="display: inline;font-family: Avenir-Light;font-size: 1rem;color: #FF6600;letter-spacing: 0;text-decoration: underline">
+            <a style="color: #FF6600;" href="https://help.royalpay.com.au/iphone/app_manual_v1.pdf" target="_blank">User
+                Guide for APP</a>
+        </div>
+    </div>
+    <div style="margin-top: 1rem">
+        <div style="display: inline">您可以点击链接下载用户手册 :</div>
+        <div style="display: inline;font-family: Avenir-Light;font-size: 1rem;color: #FF6600;letter-spacing: 0;text-decoration: underline
+        "><a style="color: #FF6600" href="https://www.royalpay.com.au/downloads/royalpay_user_guide.pdf"
+             target="_blank">PC用户手册</a>
+        </div>
+        <div style="display: inline">、</div>
+        <div style="display: inline;font-family: Avenir-Light;font-size: 1rem;color: #FF6600;letter-spacing: 0;text-decoration: underline
+    "><a style="color: #FF6600" href="https://help.royalpay.com.au/iphone/app_manual_v1.pdf"
+         target="_blank">APP用户手册</a>
+        </div>
+    </div>
+    <div style="margin-top: 1rem;margin-bottom: 1rem;font-family: Avenir-Light;font-size: 1rem;color: #4A4A4A;letter-spacing: 0;">
+        <div style="display: inline;font-family: Avenir-Light;font-size: 1rem;color: #4A4A4A;letter-spacing: 0;">(If
+            you
+            cannot open the link above, you can copy and paste this url to your
+            browser.如果您无法点击上面的链接，可以复制当前url到浏览器地址栏
+        </div>
+        <div style="display: inline"><b style="color: #FF6600;">https://www.royalpay.com.au/downloads/royalpay_user_guide.pdf</b>
+        </div>
+        <div style="display: inline">)</div>
+    </div>
+
+    <!--<p>Please find the User Guide here :<a-->
+    <!--href="https://www.royalpay.com.au/downloads/royalpay_user_guide.pdf" target="_blank">User-->
+    <!--Guide for PC</a> or-->
+    <!--<a-->
+    <!--href="https://help.royalpay.com.au/iphone/app_manual_v1.pdf" target="_blank">User-->
+    <!--Guide for APP</a>-->
+    <!--</p>-->
+    <!--<p>您可以点击链接下载用户手册:<a href="https://www.royalpay.com.au/downloads/royalpay_user_guide.pdf"-->
+    <!--target="_blank">PC用户手册</a> 、-->
+    <!--<a href="https://help.royalpay.com.au/iphone/app_manual_v1.pdf"-->
+    <!--target="_blank">APP用户手册</a>-->
+    <!--</p>-->
+
+    <!--<p>(If you cannot open the link above, you can copy and paste this url to your browser.-->
+    <!--如果您无法点击上面的链接，可以复制当前url到浏览器地址栏-->
+    <!--<b>https://www.royalpay.com.au/downloads/royalpay_user_guide.pdf</b>)</p>-->
+
+    <!--<hr style="margin-top: 40px;margin-bottom: 40px;color: #FF6600; background-color: #FF6600">-->
+    <div style="width: 100%;height: 0.1rem;background: #F9E6D8;margin-top: 2rem;margin-bottom: 2rem;"></div>
+
+    <p style="font-family: Avenir-Light;font-size: 1rem;color: #2A2A2A;letter-spacing: 0;">You can search "<a
+            style="color: #FF6600;text-decoration: none"
+            href="https://itunes.apple.com/app/royalpay/id1049566852?l=en&mt=8">RoyalPay</a>" in APP
+        Store to download APP for IOS，which helps check your payment receiving records.</p>
+    <p style="font-family: PingFang-SC-Medium;font-size: 1rem;color: #000000;letter-spacing: 0;">
+        您可以在APP Store里搜索"<a style="color: #FF6600;text-decoration: none"
+            href="https://itunes.apple.com/app/royalpay/id1049566852?l=en&mt=8">RoyalPay</a>"下载royalpay的app，来进行收款和接收到账提醒等。
+    </p>
+    <p><img style="width: 100%" src="https://mpay.royalpay.com.au/static/images/App_banner.png"> <br>
    </p>
+
+    <div style="width: 100%;height: 0.1rem;background: #F9E6D8;margin-top: 2rem;margin-bottom: 2rem;"></div>
+
+    <p style="font-family: Avenir-Light;font-size: 1rem;color: #2A2A2A;letter-spacing: 0;">Online RoyalPay
+        Cross-border
+        Payment is also available! The development of the document (API) is
+        here.</p>
+    <p style="font-family: Avenir-Light;font-size: 1rem;color: #2A2A2A;letter-spacing: 0;">
+        如需接入网站支付系统，可将下方API链接及授权信息发给IT团队</p>
+
+    <div style="background: #F4F4F4;width: 100%;">
+        <div style="font-family: Avenir-Heavy;font-size: 1rem;color: #2A2A2A;letter-spacing: 0;padding-left: 2rem;padding-top: 2rem">
+            Chinse version:
+        </div>
+        <div style="font-family: Avenir-Light;font-size: 1rem;color: #002A00;letter-spacing: 0;padding-left: 2rem;">
+            <a style="color: #FF6600"
+               href="https://mpay.royalpay.com.au/docs/cn/">https://mpay.royalpay.com.au/docs/cn/</a>
+        </div>
+        <div style="font-family: Avenir-Heavy;font-size: 1rem;color: #2A2A2A;letter-spacing: 0;padding-left: 2rem;padding-top: 2rem">
+            English version:
+        </div>
+        <div style="font-family: Avenir-Light;font-size: 1rem;color: #002A00;letter-spacing: 0;padding-left: 2rem;">
+            <a style="color: #FF6600"
+               href="https://mpay.royalpay.com.au/docs/en/">https://mpay.royalpay.com.au/docs/en/</a>
+        </div>
+        <div style="font-family: Avenir-Heavy;font-size: 1rem;color: #2A2A2A;letter-spacing: 0;padding-left: 2rem;padding-top: 2rem">
+            <span th:text="'Partner Code:'+${client_moniker}"></span>
+        </div>
+        <div style="font-family: Avenir-Heavy;font-size: 1rem;color: #2A2A2A;letter-spacing: 0;padding-left: 2rem;padding-bottom: 2rem">
+            <span th:text="'Credential Code:'+${credential_code}"></span>
+        </div>
+
+    </div>
+
+    <div style="font-family: Avenir-Light;font-size: 1rem;color: #2A2A2A;letter-spacing: 0;margin-top: 1rem;margin-bottom: 1rem">
+        Please
+        contact us via any
+        way displaying below if you have any questions. Thank you for choosing
+        RoyalPay.
+    </div>
+    <div style="font-family: Avenir-Light;font-size: 1rem;color: #2A2A2A;letter-spacing: 0;margin-top: 1rem;margin-bottom: 1rem">
+        十分感谢您对RoyalPay皇家支付的信任和支持。如果您有任何问题，随时可以按以下方式与我们联系。谢谢！
+    </div>
+
+    <div style="width: 100%;height: 0.2rem;background: #FF6600;margin-top: 2rem;margin-bottom: 2rem;"></div>
+
+    <!--<div style="background: #d0d0d0" th:if="${#lists.size(bds)>0}">-->
+    <!--<h4>-->
+    <!--Your dedicated account manager<br>-->
+    <!--您的专属客户经理-->
+    <!--</h4>-->
+    <!--<p th:each="bd : ${bds}">-->
+    <!--<span th:text="${bd.display_name}"></span><br>-->
+    <!--Email:<a href="mailto:$bd.email" th:utext="${bd.email}"></a><br>-->
+    <!--<span th:text="${bd.phone}"></span><br>-->
+    <!--<span th:if="${bd['wechat']!=null} and ${bd['wechat']!=''}" th:text="${bd.wechat}"></span>-->
+    <!--</p>-->
+    <!--</div>-->
+
+    <h4 style="font-family: Avenir-Heavy;font-size: 2rem;color: #000000;letter-spacing: 0;">Best Regards</h4>
+
+
+    <div style="display: flex;justify-content: center;">
+        <img style="width: 7.5rem;height: 7.5rem"
+             src="https://mpay.royalpay.com.au/static/images/logo_light.jpg">
+    </div>
+
+    <div style="display: flex;justify-content: space-around">
+        <div style="font-family: Avenir-Medium;font-size: 1rem;color: #888888;">
+            <div style="">Email:<br/><a style="color: #888888;text-decoration: none" href="mailto:info@royalpay.com.au">info@royalpay.com.au</a></div>
+            <div style="margin-top: 1rem;">Tel:<br/>1300 10 77 50</div>
+            <div style="margin-top: 1rem;">Level 14, 383 Kent Street, Sydney NSW 2000</div>
+            <div style="margin-top: 1rem;">Tunnel Show Pty Ltd trading as RoyalPay</div>
+        </div>
+        <div style="font-family: Avenir-Medium;font-size: 1rem;color: #888888;">
+            <div>
+                <div style="display: inline;">Service WeChat Account:</div>
+                <br/>
+                <img src="https://mpay.royalpay.com.au/static/images/customer_service.jpg"
+                     style="width: 3rem;height: 3rem">
+            </div>
+            <div style="margin-top: 2rem;">Level 11, 15 William Street, Melbourne VIC 3000</div>
+            <div style="margin-top: 1rem;">Representative of AFSL licensee 448066</div>
+        </div>
+
+    </div>
+
+
+
+
+
+    <div style="width: 100%;height: 0.1rem;background: #F9E6D8;margin-top: 2rem;margin-bottom: 2rem;"></div>
+
+    <!--<p>-->
+    <!--<img style="width: 120px;height: 120px"-->
+    <!--src="https://mpay.royalpay.com.au/static/images/logo_new.jpg"> <br>-->
+    <!--Contact Us<br>-->
+    <!--Email:<br>-->
+    <!--<a href="mailto:info@royalpay.com.au">info@royalpay.com.au</a> <br>-->
+    <!--Tel:<br>-->
+    <!--1300 10 77 50<br>-->
+    <!--<br>-->
+    <!--Service WeChat Account:<br>-->
+    <!--<img src="https://mpay.royalpay.com.au/static/images/customer_service.jpg"-->
+    <!--style="width: 60px"><br>-->
+    <!--Level 14, 383 Kent Street, Sydney NSW 2000<br>-->
+    <!--<br>-->
+    <!--Level 11, 15 William Street, Melbourne VIC 3000-->
+    <!--</p>-->
+    <!--<p>Tunnel Show Pty Ltd trading as RoyalPay<br>-->
+    <!--Representative of AFSL licensee 448066-->
+    <!--</p>-->
+
 </div>
-<hr>
-<h4>Best Regards</h4>
-<p>
-    <img style="width: 120px;height: 120px"
-         src="https://mpay.royalpay.com.au/static/images/logo_new.jpg"> <br>
-    Contact Us<br>
-    Email:<br>
-    <a href="mailto:info@royalpay.com.au">info@royalpay.com.au</a> <br>
-    Tel:<br>
-    1300 10 77 50<br>
-    <br>
-    Service WeChat Account:<br>
-    <img src="https://mpay.royalpay.com.au/static/images/customer_service.jpg"
-         style="width: 60px"><br>
-    Level 14, 383 Kent Street, Sydney NSW 2000<br>
-    <br>
-    Level 11, 15 William Street, Melbourne VIC 3000
-</p>
-<p>Tunnel Show Pty Ltd trading as RoyalPay<br>
-    Representative of AFSL licensee 448066
-</p>
+
 </html>
--- a/src/main/ui/static/images/App_banner.png
+++ b/src/main/ui/static/images/App_banner.png
--- a/src/main/ui/static/images/logo_light.png
+++ b/src/main/ui/static/images/logo_light.png