|
@@ -1,5 +1,5 @@
|
|
|
-export function headHtml (title) {
|
|
|
- return `
|
|
|
+export function headHtml (isPreview = true, title) {
|
|
|
+ let template = `
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
@@ -81,46 +81,55 @@ export function headHtml (title) {
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
- <body>
|
|
|
- <div class="container">
|
|
|
- <h1>《${title || '产品与服务协议'}》</h1>
|
|
|
- <!-- 甲方:深圳大雅乐盟网络教育股份有限公司 <br/> -->
|
|
|
- 甲方:{{proto}} <br/>
|
|
|
- <div style="display: flex;">乙方:
|
|
|
- <div style="flex: 1 auto;">
|
|
|
- <div class="iInfo">
|
|
|
- <span>家长姓名 {{proto}}</span>
|
|
|
- <span>电话:{{proto}}</span>
|
|
|
- </div>
|
|
|
- <div class="iInfo">
|
|
|
- <span>身份证号:{{proto}}</span>
|
|
|
- </div>
|
|
|
- <div class="iInfo">
|
|
|
- <span>学生姓名:{{proto}}</span>
|
|
|
- </div>
|
|
|
- <div class="iInfo">
|
|
|
- <span>所在学校与班级:{{prot}}</span>
|
|
|
- </div>
|
|
|
- <div class="iInfo">
|
|
|
- <span>所在声部:{{proto}}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>(本协议中“乙方“指学员及家长;”乙方学员“指购买甲方产品或服务的学员;”乙方家长“仅指乙方学员的法定监护人。)</div>`
|
|
|
+ <body style="font-family:'SimSun'">
|
|
|
+ <div class="container">`
|
|
|
+ if(isPreview) {
|
|
|
+ return template + `<h1>《${title || '产品与服务协议'}》</h1>
|
|
|
+ 甲方: <br/>
|
|
|
+ <div style="display: flex;">乙方:
|
|
|
+ <div style="flex: 1 auto;">
|
|
|
+ <div class="iInfo">
|
|
|
+ <span>家长姓名: </span>
|
|
|
+ <span>电话:</span>
|
|
|
+ </div>
|
|
|
+ <div class="iInfo">
|
|
|
+ <span>身份证号:</span>
|
|
|
+ </div>
|
|
|
+ <div class="iInfo">
|
|
|
+ <span>学生姓名:</span>
|
|
|
+ </div>
|
|
|
+ <div class="iInfo">
|
|
|
+ <span>所在学校与班级:</span>
|
|
|
+ </div>
|
|
|
+ <div class="iInfo">
|
|
|
+ <span>所在声部:</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>(本协议中“乙方“指学员及家长;”乙方学员“指购买甲方产品或服务的学员;”乙方家长“仅指乙方学员的法定监护人。)</div>`
|
|
|
+ } else {
|
|
|
+ return template + '<h1>《产品与服务协议》</h1>甲方:${compayName} <br/><div style="display: flex;">乙方:<div style="flex: 1 auto;"><div class="iInfo"><span>家长姓名:${studentInfo.realName!}</span><span>电话:${studentInfo.phone!}</span></div><#if studentInfo.certificateType == "IDENTITY"><div class="iInfo"><span>身份证号:${studentInfo.idCardNo!}</span></div></#if><div class="iInfo"><span>学生姓名:${studentInfo.username!}</span></div><#if studentInfo.grade?default("")?trim?length gt 1><div class="iInfo"><span>所在班级:${studentInfo.grade!} ${studentInfo.clazz!}</span></div></#if><#if studentInfo.subject.name?default("")?trim?length gt 1><div class="iInfo"><span>所在声部:${studentInfo.subject.name!}</span></div></#if></div></div><div>(本协议中“乙方“指学员及家长;”乙方学员“指购买甲方产品或服务的学员;”乙方家长“仅指乙方学员的法定监护人。)</div>'
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-export function footerHtml() {
|
|
|
- return `
|
|
|
- <div class="signature">
|
|
|
- <div class="sign">甲方签章:<img class="cachet" src="https://daya-online.oss-cn-beijing.aliyuncs.com/website/cachet.png" alt="" />
|
|
|
- <span>日期:{{proto}}</span>
|
|
|
- </div>
|
|
|
- <div class="sign">乙方签字:{{proto}}
|
|
|
- <span>日期:{{proto}} </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </body>
|
|
|
- </html>`
|
|
|
+// 默认预览
|
|
|
+export function footerHtml(isPreview = true) {
|
|
|
+ if(isPreview) {
|
|
|
+ // <img class="cachet" src="https://daya-online.oss-cn-beijing.aliyuncs.com/website/cachet.png" alt="" />
|
|
|
+ return `
|
|
|
+ <div class="signature">
|
|
|
+ <div class="sign">甲方签章:
|
|
|
+ <span>日期:</span>
|
|
|
+ </div>
|
|
|
+ <div class="sign">乙方签字:
|
|
|
+ <span>日期: </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </body>
|
|
|
+ </html>`
|
|
|
+ } else {
|
|
|
+ return '<div class="signature"><#if isShowVisualSeal><div class="sign">甲方签章:${compayName}<img class="cachet" src="${sealPicture!}" alt="" /><span>日期:${.now?string("yyyy年MM月dd日")}</span></div><div class="sign">乙方签章:${studentInfo.realName!}<span>日期:${.now?string("yyyy年MM月dd日")} </span></div><#else><div class="sign">甲方签章:${compayName}<span>日期:${.now?string("yyyy年MM月dd日")}</span></div><div class="sign">乙方签章:<span>日期:${.now?string("yyyy年MM月dd日")} </span></div></#if></div></body></html>'
|
|
|
+ }
|
|
|
+
|
|
|
}
|