添加协议显示

src/school/companion-teacher/companion-teacher-register.tsx

@@ -299,6 +299,13 @@ export default defineComponent({
       } else if (type === 'WITHDRAW') {
         //
         window.open(window.location.origin + window.location.pathname + '#/cashProtocol', '_blank')
+      } else if (type === 'LABOR') {
+        window.open(
+          window.location.origin +
+            window.location.pathname +
+            '#/preview-protocol?type=LABOR_TEACHER',
+          '_blank'
+        )
       }
     }
 
@@ -703,6 +710,10 @@ export default defineComponent({
               <span class={styles.c} onClick={() => onPreview('PRIVACY')}>
                 《隐私协议》
               </span>
+              、
+              <span class={styles.c} onClick={() => onPreview('LABOR')}>
+                《劳务协议》
+              </span>
               {/* 、
               <span class={styles.c} onClick={() => onPreview('WITHDRAW')}>
                 《共享经济平台注册经营者协议》

src/school/manage-teacher/manage-teacher-register.tsx

@@ -253,6 +253,13 @@ export default defineComponent({
       } else if (type === 'WITHDRAW') {
         //
         window.open(window.location.origin + window.location.pathname + '#/cashProtocol', '_blank')
+      } else if (type === 'LABOR') {
+        window.open(
+          window.location.origin +
+            window.location.pathname +
+            '#/preview-protocol?type=LABOR_TEACHER',
+          '_blank'
+        )
       }
     }
 
@@ -467,6 +474,10 @@ export default defineComponent({
               <span class={styles.c} onClick={() => onPreview('PRIVACY')}>
                 《隐私协议》
               </span>
+              、
+              <span class={styles.c} onClick={() => onPreview('LABOR')}>
+                《劳务协议》
+              </span>
               {/* 、
               <span class={styles.c} onClick={() => onPreview('WITHDRAW')}>
                 《共享经济平台注册经营者协议》

src/views/preview-protocol/index.module.less

@@ -18,3 +18,10 @@
     text-align: right;
   }
 }
+
+.LABOR_TEACHER {
+  p:last-child {
+    padding-top: 12px;
+    text-align: left;
+  }
+}

src/views/preview-protocol/index.tsx

@@ -48,7 +48,13 @@ export default defineComponent({
     return (
       <div id="mProtocol">
         {browser().isApp && <OHeader />}
-        <div class={styles.mProtocol} v-html={this.protocolHTML}></div>
+        <div
+          class={[
+            styles.mProtocol,
+            this.$route.query.type ? styles[this.$route.query.type as any] : ''
+          ]}
+          v-html={this.protocolHTML}
+        ></div>
       </div>
     )
   }