Browse Source

更新内容

lex-xin 3 years ago
parent
commit
b31cc2406c

+ 4 - 2
src/views/tenantSetting/model/addProtocol.vue

@@ -87,6 +87,7 @@ export default {
         name: null,
         code: null,
         url: null,
+        fileSubmit: null, // 后台需要html内容
         fileContent: null, // 文件内容
       },
       lookVisible: false
@@ -99,6 +100,7 @@ export default {
       this.$refs['form'].validate((_) => {
         if(_) {
           this.lookVisible = true
+          console.log(this.form)
         }
       })
     },
@@ -106,8 +108,8 @@ export default {
       let html = result.value;
       let newHTML = html.replace(//g, '')
       .replace('<h1>', '<h2 style="font-size: 16px;font-weight: bold; padding-top: 15px;">')
-      newHTML = headHtml() + newHTML + footerHtml()
-      this.form.fileContent = newHTML
+      this.form.fileSubmit = headHtml(false) + newHTML + footerHtml(false)
+      this.form.fileContent = headHtml() + newHTML + footerHtml()
     },
     readFileInputEventAsArrayBuffer(file) {
       let reader = new FileReader();

+ 51 - 42
src/views/tenantSetting/model/protocolTemplate.js

@@ -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>'
+    }
+    
 }