添加一些问题

src/pages/DoubleRecord.components/QuestionItem.jsx

@@ -54,7 +54,7 @@ export default function(props) {
   };
 
   const clickChecked = () => {
-    if (!needCheck) {
+    if (!needCheck || (needCheck && playStatus!== '3')) {
       return;
     }
     setChecked(questionId, !checked);

src/pages/DoubleRecord.jsx

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import styles from './DoubleRecord.module.scss';
 
 import TouchOpacity from 'components/TouchOpacity';
+import TouchSpan from 'components/TouchSpan';
 
 import Logo from 'assets/img/aia-logo.jpg';
 import IconHome from 'assets/img/home.png';
@@ -10,15 +11,17 @@ import IconPositionSelected from 'assets/img/position-selected.png';
 
 import QuestionItem from './DoubleRecord.components/QuestionItem';
 
+const defaultPdfPath = 'https://gitee.com/JYWan/JYWeiBo/raw/master/aia_doc-1.pdf';
+
 // 调用app的展示PDF方法，合同展示节点使用
-const showPDF = () => {
+const showPDF = (pdfPath,pdfName) => {
   if (!window.webkit) {
     alert('window.webkit 未定义');
     return;
   }
   window.webkit.messageHandlers.aiaPDFPreView.postMessage({
-    pdfPath: 'https://gitee.com/JYWan/JYWeiBo/raw/master/aia_doc-1.pdf',
-    pdfName: '免除保险人责任条款'
+    pdfPath,
+    pdfName
   });
 };
 
@@ -75,7 +78,7 @@ const defaultSteps = [
       {
         questionId: '4',
         needPlay: true,
-        needCheck: false,
+        needCheck: true,
         playStatus: '0',
         checked: false,
         text: <span>请销售人员对镜头出示展业证，在镜头上展示3秒，保证对焦准确，画质清晰。</span>,
@@ -84,7 +87,7 @@ const defaultSteps = [
       {
         questionId: '5',
         needPlay: true,
-        needCheck: false,
+        needCheck: true,
         playStatus: '0',
         checked: false,
         text: (
@@ -176,15 +179,179 @@ const defaultSteps = [
         checked: false,
         text: (
           <span>
+            <span className={styles.seller}>销售人员：</span>
+            销售过程中我已向您详细讲解人身保险投保提示书、免除保险人责任条款、保险合同内容变更申请书。为保障您的权益，接下来请您阅读并核实是否与我讲解的内容一致，如您发现任何不一致的地方，请您当场提出。
+            接下来，请销售人员向投保人展示相关文件。
+          </span>
+        ),
+        voice:
+          '销售过程中我已向您详细讲解人身保险投保提示书、免除保险人责任条款、保险合同内容变更申请书。为保障您的权益，接下来请您阅读并核实是否与我讲解的内容一致，如您发现任何不一致的地方，请您当场提出。接下来，请销售人员向投保人展示相关文件。'
+      },
+      {
+        questionId: '2',
+        needPlay: true,
+        needCheck: true,
+        playStatus: '0',
+        checked: false,
+        text: (
+          <span>
+            请销售人员向投保人展示纸质《人身保险投保提示书》，请投保人(张三)认真阅读核实并签字确认，客户签字后，请销售人员向镜头前展示文件名及签字部分，停留至少3秒，保证清晰。
+          </span>
+        ),
+        voice:
+          '请销售人员向投保人展示纸质《人身保险投保提示书》，请投保人(张三)认真阅读核实并签字确认，客户签字后，请销售人员向镜头前展示文件名及签字部分，停留至少3秒，保证清晰。'
+      },
+      {
+        questionId: '3',
+        needPlay: true,
+        needCheck: true,
+        playStatus: '0',
+        checked: false,
+        text: (
+          <span>
+            请销售人员点击链接向镜头清晰展示纸质《人身保险投保提示书》标题及签字部分。
+          </span>
+        ),
+        voice:
+          '请销售人员点击链接向镜头清晰展示纸质《人身保险投保提示书》标题及签字部分。'
+      },
+      {
+        questionId: '4',
+        needPlay: true,
+        needCheck: false,
+        playStatus: '0',
+        checked: false,
+        text: (
+          <span>
+            请销售人员向投保人展示免除保险人责任条款说明，请投保人特别关注条款中的“明确说明与如实告知、年龄计算及错误处理、保险事故的通知等内容”。请投保人认真阅读核实，稍后请投保人签字确认。
+          </span>
+        ),
+        voice:
+          '请销售人员向投保人展示免除保险人责任条款说明，请投保人特别关注条款中的“明确说明与如实告知、年龄计算及错误处理、保险事故的通知等内容”。请投保人认真阅读核实，稍后请投保人签字确认。'
+      },
+      {
+        questionId: '5',
+        needPlay: true,
+        needCheck: true,
+        playStatus: '0',
+        checked: false,
+        text: (
+          <span>
             请销售人员点击链接向镜头展示
-            <span className={styles.extlink} onClick={showPDF}>
+            <TouchSpan className={styles.extlink} onClick={()=>{showPDF(defaultPdfPath,'免除保险人责任条款')}}>
               《免除保险人责任条款》
+            </TouchSpan>
+            至少3秒，保证标题清晰后给投保人阅读。
+          </span>
+        ),
+        voice:
+          '请销售人员点击链接向镜头展示《免除保险人责任条款》至少3秒，保证标题清晰后给投保人阅读。'
+      },
+      {
+        questionId: '6',
+        needPlay: true,
+        needCheck: true,
+        playStatus: '0',
+        checked: false,
+        text: (
+          <span>
+            请销售人员确认已向镜头清晰展示免除保险人责任条款。
           </span>
+        ),
+        voice:
+          '请销售人员确认已向镜头清晰展示免除保险人责任条款。'
+      },
+      {
+        questionId: '7',
+        needPlay: true,
+        needCheck: true,
+        playStatus: '0',
+        checked: false,
+        text: (
+          <span>
+            请销售人员向投保人展示保险条款，请投保人认真阅读。
+          </span>
+        ),
+        voice:
+          '请销售人员向投保人展示保险条款，请投保人认真阅读。'
+      },
+      {
+        questionId: '8',
+        needPlay: true,
+        needCheck: true,
+        playStatus: '0',
+        checked: false,
+        text: (
+          <span>
+            请销售人员点击链接向镜头展示
+            <TouchSpan className={styles.extlink} onClick={()=>{showPDF(defaultPdfPath,'保险条款')}}>
+              《保险条款》
+            </TouchSpan>
             至少3秒，保证标题清晰后给投保人阅读
           </span>
         ),
         voice:
-          '请销售人员点击链接向镜头展示《免除保险人责任条款》至少3秒，保证标题清晰后给投保人阅读'
+          '请销售人员点击链接向镜头展示《保险条款》至少3秒，保证标题清晰后给投保人阅读。'
+      },
+      {
+        questionId: '9',
+        needPlay: true,
+        needCheck: true,
+        playStatus: '0',
+        checked: false,
+        text: (
+          <span>
+            请销售人员确认已向镜头清晰展示保险条款。
+          </span>
+        ),
+        voice:
+          '请销售人员确认已向镜头清晰展示保险条款。'
+      },
+      {
+        questionId: '10',
+        needPlay: true,
+        needCheck: false,
+        playStatus: '0',
+        checked: false,
+        text: (
+          <span>
+            请销售人员向投保人展示保险合同内容变更申请书，请投保人认真阅读。
+          </span>
+        ),
+        voice:
+          '请销售人员向投保人展示保险合同内容变更申请书，请投保人认真阅读。'
+      },
+      {
+        questionId: '11',
+        needPlay: true,
+        needCheck: true,
+        playStatus: '0',
+        checked: false,
+        text: (
+          <span>
+            请销售人员点击链接向镜头展示
+            <TouchSpan className={styles.extlink} onClick={()=>{showPDF(defaultPdfPath,'保险合同内容变更申请书')}}>
+              保险合同内容变更申请书
+            </TouchSpan>
+            至少3秒，保证标题清晰后给投保人阅读。稍后请投保人签字确认。
+          </span>
+        ),
+        voice:
+          '请销售人员点击链接向镜头展示 保险合同内容变更申请书 至少3秒，保证标题清晰后给投保人阅读。稍后请投保人签字确认。'
+      },
+      {
+        questionId: '12',
+        needPlay: true,
+        needCheck: true,
+        playStatus: '0',
+        checked: false,
+        text: (
+          <span>
+            请销售人员确认已向镜头清晰展示保险合同内容变更申请书。
+          </span>
+        ),
+        voice:
+          '请销售人员确认已向镜头清晰展示保险合同内容变更申请书。'
       }
     ]
   },
@@ -203,6 +370,17 @@ const defaultSteps = [
           '刚才已请投保人阅读过投保提示书、免除保险人责任条款、保险条款及保险合同内容变更申请书，在确保镜头可以录制客户签字过程情况下，请投保人张三签字确认。',
         voice:
           '刚才已请投保人阅读过投保提示书、免除保险人责任条款、保险条款及保险合同内容变更申请书，在确保镜头可以录制客户签字过程情况下，请投保人张三签字确认。'
+      },
+      {
+        questionId: '2',
+        needPlay: true,
+        needCheck: true,
+        playStatus: '0',
+        checked: false,
+        text:
+          '客户签署完成后，请销售人员向镜头展示客户签字至少3秒，保证清晰。',
+        voice:
+          '客户签署完成后，请销售人员向镜头展示客户签字至少3秒，保证清晰。'
       }
     ]
   }
@@ -226,13 +404,16 @@ export default function(props) {
 
   // 朗读当前问题
   const playQuestion = (questionId) => {
+    console.log('407')
     const targetQuestion = currentStep.questions.find((q) => q.questionId === questionId);
-    if (!targetQuestion || !targetQuestion.needPlay || targetQuestion.playStatus === '3') {
+    if (!targetQuestion || targetQuestion.playStatus === '3') {
       return;
-    }
-
+    }else if(!targetQuestion.needPlay){
+      setPlayStatus(questionId, '3');
+    } else{
       setPlayStatus(questionId, '1');
       voiceStart(targetQuestion.voice);
+    }
   };
 
   // 设置问题的播放状态，以展示不同的图标
@@ -503,10 +684,19 @@ export default function(props) {
                 voiceContinue={voiceContinue}
               />
             ))}
-            {stepId === 7 && (
+            {stepId === '7' && (
               <>
                 <TouchOpacity className={styles.btn} onClick={showSign}>
-                  呼出签名视图
+                  投保人/被保人签名
+                </TouchOpacity>
+                <div style={{ clear: 'both' }}></div>
+                <div>签名图片展示:</div>
+                <div onClick={showImgSrc}>
+                  <img alt="签名图片" src={imgSrc}></img>
+                </div>
+                
+                <TouchOpacity className={styles.btn} onClick={showSign}>
+                  营销员签名
                 </TouchOpacity>
                 <div style={{ clear: 'both' }}></div>
                 <div>签名图片展示:</div>

src/pages/DoubleRecord.module.scss

@@ -69,19 +69,20 @@
   }
   .questionArea {
     height: 90%;
+    overflow-x: hidden;
+    overflow-y: scroll;
     border: 1px solid #999999;
     border-radius: 10px;
-    padding: 0.15rem 0.3rem;
+    padding: 0.1rem 0.3rem;
     background-color: #ECE9EC;
     .stepTitle{
       font-size: 0.25rem;
+      line-height: 0.3rem;
       font-weight: bold;
     }
     .stepQuestions{
       margin-top: 0.3rem;
-      overflow-x: hidden;
-      overflow-y: scroll;
-      height: 88%;
+      // height: 88%;
     }
   }
 }